*~*PimPsTrEZz HTML*~*

*~*WELCOME TO PIMPSTRESS HTML CODEZ*~*

READ READ READ Nov 5- Hello everyone, well i had to go back to beyonce, my bandwith was exceeded and my sites will be frozen until the end of the month. so i had to build an emergency site lol.. please!! save this site on your favorites so my bandwith is not exceeded so soon! enjoy the layout and codez and REMEMBER to tag the board, is only fair if you come to take MY codes :) and oh yeah! don't duplicate my site, i don't mind if you use the codes on your sites, but don't duplicate them or redistribute them in any way thanks!

TEST YOUR CODE!

**MARQUEES & SCROLL EFFECTS**

Scrolling marquee

Bouncy marquee

Marquee w/diff color text

Marquee w/diff color BG

<p align=center><script language="JavaScript1.2"> //Specify the marquee's width (in pixels) var marqueewidth=200 //Specify the marquee's height (in pixels, pertains only to NS) var marqueeheight=10 //Specify the marquee's scroll speed (larger is faster) var speed=6 //Specify the marquee contents var marqueecontents='<font color="#ff00ff"font face="Pristina"><strong><big>YOUR TEXT HERE </big></strong></font>' if (document.all) document.write('<marquee scrollAmount='+speed+' style="width:'+marqueewidth+'">'+marqueecontents+'</marquee>') function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers){ setTimeout("window.onresize=regenerate",450) intializemarquee() } } function intializemarquee(){ document.cmarquee01.document.cmarquee02.document.write('<nobr>'+marqueecontents+'</nobr>') document.cmarquee01.document.cmarquee02.document.close() thelength=document.cmarquee01.document.cmarquee02.document.width scrollit() } function scrollit(){ if (document.cmarquee01.document.cmarquee02.left>=thelength*(-1)){ document.cmarquee01.document.cmarquee02.left-=speed setTimeout("scrollit()",100) } else{ document.cmarquee01.document.cmarquee02.left=marqueewidth scrollit() } } window.onload=regenerate2 </script> <marquee bgcolor=COLOR HERE>YOUR TEXT HERE</marquee>

Marquee with a link

Marquee with pix & link

Marquee w/direction

Top & Bottom Marquee

<p><script language="JavaScript1.2"> //Specify the marquee's width (in pixels) var marqueewidth="200px" //Specify the marquee's height var marqueeheight="45px" //Specify the marquee's marquee speed (larger is faster 1-10) var marqueespeed=2 //configure background color: var marqueebgcolor="#000000" //Pause marquee onMousever (0=no. 1=yes)? var pauseit=1 //Specify the marquee's content (don't delete <nobr> tag) //Keep all content on ONE line, and backslash any single quotations (ie: that\'s great): var marqueecontent='<nobr><font face="Arial" style="color: #ffffff; font-size: 12pt; font-family: AGaramond Bold; font-style: italic; font-weight: bold">Change the font and </a> <font face="Arial" style="color: #ff00ff">the colors in your<font face="Arial" style="color: #9966cc; font-size: 12pt; font-family: AGaramond Bold; font-style: italic; font-weight: bold"> marquee, add a link<a href="http://www.dynamicdrive.com">Dynamic Drive,</a><font face="Arial" style="color: #ff0000; font-size: 16pt; font-family: Pristina; font-style: italic; font-weight: bold">even add a picture<img border="0" src="http://hometown.aol.com/mishahart/images/jesterdoll.gif" width="48" height="42"></a></font></nobr>' ////NO NEED TO EDIT BELOW THIS LINE//////////// marqueespeed=(document.all)? marqueespeed : Math.max(1, marqueespeed-1) //slow speed down by 1 for NS var copyspeed=marqueespeed var pausespeed=(pauseit==0)? copyspeed: 0 var iedom=document.all||document.getElementById if (iedom) document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+marqueecontent+'</span>') var actualwidth='' var cross_marquee, ns_marquee function populate(){ if (iedom){ cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee cross_marquee.style.left=parseInt(marqueewidth)+8+"px" cross_marquee.innerHTML=marqueecontent actualwidth=document.all? temp.offsetWidth : document.getElementById("temp").offsetWidth } else if (document.layers){ ns_marquee=document.ns_marquee.document.ns_marquee2 ns_marquee.left=parseInt(marqueewidth)+8 ns_marquee.document.write(marqueecontent) ns_marquee.document.close() actualwidth=ns_marquee.document.width } lefttime=setInterval("scrollmarquee()",20) } window.onload=populate function scrollmarquee(){ if (iedom){ if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8)) cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed+"px" else cross_marquee.style.left=parseInt(marqueewidth)+8+"px" } else if (document.layers){ if (ns_marquee.left>(actualwidth*(-1)+8)) ns_marquee.left-=copyspeed else ns_marquee.left=parseInt(marqueewidth)+8 } } if (iedom||document.layers){ with (document){ document.write('<table border="0" cellspacing="0" cellpadding="0"><td>') if (iedom){ write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">') write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">') write('<div id="iemarquee" style="position:absolute;left:0px;top:0px"></div>') write('</div></div>') } else if (document.layers){ write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>') write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>') write('</ilayer>') } document.write('</td></table>') } } </script> <marquee direction=right, left,up,or down>Direction Marquee</marquee> <p align=center><marquee bgcolor=blue width=100scrollamount=50 direction=L,R,U,orD>TEXT HERE</marquee> <marquee bgcolor=yellow width=100scrollamount=50 direction=Right>TEXT HERE</marquee>

<p align=center><script language="JavaScript1.2"> //Specify the marquee's width (in pixels) var marqueewidth=530 //Specify the marquee's height (in pixels, pertains only to NS) var marqueeheight=10 //Specify the marquee's scroll speed (larger is faster) var speed=6 //Specify the marquee contents var marqueecontents='<font color="#ff0000"font face="Pristina"><strong><big>YOUR TEXT HERE<a href="http://hometown.aol.com/YOUR PAGE URL GOES HERE.html">YOUR TEXT GOES HERE.</a> </big></strong></font>' if (document.all) document.write('<marquee scrollAmount='+speed+' style="width:'+marqueewidth+'">'+marqueecontents+'</marquee>') function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers){ setTimeout("window.onresize=regenerate",450) intializemarquee() } } function intializemarquee(){ document.cmarquee01.document.cmarquee02.document.write('<nobr>'+marqueecontents+'</nobr>') document.cmarquee01.document.cmarquee02.document.close() thelength=document.cmarquee01.document.cmarquee02.document.width scrollit() } function scrollit(){ if (document.cmarquee01.document.cmarquee02.left>=thelength*(-1)){ document.cmarquee01.document.cmarquee02.left-=speed setTimeout("scrollit()",100) } else{ document.cmarquee01.document.cmarquee02.left=marqueewidth scrollit() } } window.onload=regenerate2 </script>

Marquee@bottom of site

UNDERLINED MARQUEE

Snake wave marquee

Waving up marquee

<br><p align=center><font size=1><span style=background:color> <BR> <MARQUEE DIRECTION=UP SCROLLDELAY=20 SCROLLAMOUNT=2 WIDTH=100% STYLE="filter:wave(add=20, phase=1,freq=2, strength=35);"><center><FONT FACE="monotype corsiva"COLOR="blue"size="5">Y<br>o<br>u<br>r<br><br>t<br>e <br>x<br>t<br><br></font></marquee><BR> <marquee width="50%" height="20" behavior="alternate" style="color: #000000; font-family: Chiller; font-size: 14pt; text-decoration: overline underline; font-style: italic; font-weight: bold; border: 3px dotted #000000" bgcolor="#990033">whatever goes here</marquee></p>

<BODY onLoad="scrollit(100)"> <SCRIPT>  </SCRIPT> <marquee behavior=scroll direction=up loop=infinite scrollamount=infinite scrolldelay=infinite> TEXT HERE </marquee>

MARQUEE SLIDES 2 RIGHT W/BORDER

MARQUEE WITH BORDER

Marquee scrolling up

Marquee w/loop #

<marquee style="color: #00FFFF; font-size: 12pt; font-family: Arial Narrow; font-style: italic; border: 4px double #FF00FF; background-color: #000000" width="50%" height="20">marquee with border</marquee>

Color your scroll bar

Marquee w/Border & pic

Thick screen frame

Thin screen frame

Alternating Text Banner

Marquee w/BG image

Fading banner

Drop Down Menu

<applet code=Banner3.class width=550 height=38> <param name=cattext0 value="WWW"> <param name=catbgcolor0 value="0,255,0"> <param name=catbgcolor1 value="0,255,0"> <param name=catbgcolor2 value="0,255,0"> <param name=cattextcolor0 value="0,0,255"> <param name=cattextcolor1 value="0,0,255"> <param name=cattextcolor2 value="0,0,255"> <param name=cattext1 value="WWW."> <param name=cattext2 value="WWW."> <param name=cattext3 value="WWW."> <param name=msgtext0 value="Click here for JavaScript Kit!"> <param name=TextURL0 value="http://www.javascriptkit.com"> <param name=msgtext1 value="Click here for CNN"> <param name=TextURL1 value="http://www.cnn.com"> <param name=msgtext2 value="Click here for author's homepage"> <param name=TextURL2 value="http://www.javagods.com"> <param name=MessageNo value="3"> <param name=catwidth value="150"> <param name=font value="Garamond"> <param name=speed value="25"> <param name=fontsize value="22"> <param name=pauseDelay value="3000"> <param name=fontstyle value="Bold"> <param name=msgbgcolor value="0,0,0"> <param name=linkcolor value="0,0,255"> <param name=msgtextcolor value="255,200,0"> <param name=dist value="1"> <param name=direction value="TopBottom"> <param name=align value="Center"> </applet> <p align="center"><font face="arial" size="-2">Free Java applets provided by</font><br> <font face="arial, helvetica" size="-2"><a href="http://javascriptkit.com">JavaScript Kit</a></font></p>

<marquee style="font-size: 12pt; font-family: FONT HERE; text-decoration: blink; font-style: italic; font-weight: bold; color: #FFFFFF; border-style: dotted; border-width: 0; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1; background-image: url('http://members.aol.com/your screen name here/images/your image here.gif'); background-repeat: repeat; background-attachment: scroll; background-position: center 50%; " bgcolor="#000000" width="100%" height="30">YOUR TEXT HERE</marquee> <applet code="FadeBan.class" name="FadeBan" width="580" height="45"> <param name="Testo" value="Welcome To JavaScript Kit�Hope you've enjoyed your stay here�We look forward to seeing you again�Until next time webmaster"> </applet> <p align="center"><font face="arial" size="-2">Free Java applets provided by</font><br> <font face="arial, helvetica" size="-2"><a href="http://javascriptkit.com">JavaScript Kit</a></font></p>

COLOR DROP DOWN MENU

FLASHING SCROLLBAR

FADING SCROLLER

TOP OF PAGE SCROLLER

<HEAD> <SCRIPT LANGUAGE="JavaScript"> function eightb() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000020"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00008b"; } setTimeout("one()",100); } </script> <script language="javascript"> function sevenb() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000030"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00007b"; } setTimeout("eightb()",100); } </script> <script language="javascript"> function sixb() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000040"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00006b"; } setTimeout("sevenb()",100); } </script> <script language="javascript"> function fiveb() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000050"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00005b"; } setTimeout("sixb()",100); } </script> <script language="javascript"> function fourb() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000060"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00004b"; } setTimeout("fiveb()",100); } </script> <script language="javascript"> function threeb() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000070"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00003b"; } setTimeout("fourb()",100); } </script> <script language="javascript"> function twob() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000080"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00002b"; } setTimeout("threeb()",100); } </script> <script language="javascript"> function oneb() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000090"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00001b"; } setTimeout("twob()",100); } </script> <script language="javascript"> function eight() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000080"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00002b"; } setTimeout("oneb()",100); } </script> <script language="javascript"> function seven() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000070"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00003b"; } setTimeout("eight()",100); } </script> <script language="javascript"> function six() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000060"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00004b"; } setTimeout("seven()",100); } </script> <script language="javascript"> function five() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000050"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00005b"; } setTimeout("six()",100); } </script> <script language="javascript"> function four() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000040"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00006b"; } setTimeout("five()",100); } </script> <script language="javascript"> function three() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000030"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00007b"; } setTimeout("four()",100); } </script> <script language="javascript"> function two() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000020"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00008b"; } setTimeout("three()",100); } </script> <script language="javascript"> function one() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000010"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00009b"; } setTimeout("two()",100); } </script> <script langauge="javascript"> setTimeout("one()",500); </script>  <marquee id="alertit" style="position:absolute;left:0px;top:0;background-color:#FFFFE6" onMouseover="this.scrollAmount=1" onMouseout="this.scrollAmount=speed"></marquee> <script type="text/javascript"> /* Alert-It Scroller script- By JavaScript Kit For this and over 400+ free scripts, visit http://www.javascriptkit.com This notice must stay intact */ //Customize your message here. Use any HTML desired: var themsg='<span style="font:italic 22px Arial;color:red;"><b>whatever you want to say here</a></b></span>' var speed=6 //speed of scroller (1-10 or more) var loops=2 //specify number of times message scrolls across screen (an integer or "infinite") function populatescroller(){ var windowwidth=iecompattest().clientWidth document.getElementById("alertit").innerHTML=themsg document.getElementById("alertit").style.width=windowwidth document.getElementById("alertit").scrollAmount=speed document.getElementById("alertit").scrollDelay=20 document.getElementById("alertit").loop=loops document.getElementById("alertit").onfinish=function(){ document.getElementById("alertit").style.visibility="hidden" } } function iecompattest(){ return (document.compatMode!="BackCompat")? document.documentElement : document.body } if (document.all && document.getElementById){ window.onload=populatescroller window.onresize=populatescroller } </script>

<SCRIPT> // CREDITS: // Right-To-Left Scroller with smooth fade-effect // By Urs Dudli and Peter Gehrig // Copyright (c) 2003 Peter Gehrig and Urs Dudli. All rights reserved. // Permission given to use the script provided that this notice remains as is. // Additional scripts can be found at http://www.24fun.com // info@24fun.com // 9/16/2003 // IMPORTANT: // If you add this script to a script-library or script-archive // you have to add a highly visible link to // http://www.24fun.com on the webpage // where this script will be featured // CONFIGURATION: // Go to http://www.24fun.com // and create your own text animation // with our new Text Factory. // Your messages. Add as many as you like var text=new Array() text[0]="Hello webdesigner, try our new Text Animator!" text[1]="Or create smashing online-slideshows with our Slideshow Factory." text[2]="They are the best tools to generate eyecatching special effects without any programming skills." // Add a link for each message var textlink=new Array() textlink[1]="http://www.24fun.com/downloadcenter/textanimatordemo/index.html" textlink[2]="http://www.24fun.com/downloadcenter/slideshowdemo/index.html" textlink[3]="http://www.24fun.com/downloadcenter/textanimatordemo/index.html" // Add a target for each link // Possible values are "_blank", "_self", "_top", "_parent" var texttarget=new Array() texttarget[0]="_blank" texttarget[1]="_blank" texttarget[2]="_blank" // font var textfont="Arial" // fontcolors var textfontcoloraa="#FFFFFF" var textfontcolorbb="#FFFF00" // fontcolors on mouseover (rollover) var textfontcolorrollover="#ff0000" // fontsize var textfontsize=11 // backgroundcolor var textbgcolor="#000000" // Type "bold" for bold text and "normal" for normal text var textweight="bold" // Type "italic" for italic text and ""normal" for normal text var textitalic="normal" // width and height of the scroller-box var textwidth=300 var textheight=30 // color of the scroller-box border var textbordercolor="#888888" // width of the border var textborder=1 // width of the transparent zones var translayerszone=120 // Do not edit the values below this line var textpause=0 var textitalicA="" var textitalicB="" var textweightA="<b>" var textweightB="</b>" var textdecoration="none" var textalignonly="center" var textfontsizeHTML=3 var i_text=0 var textcontent="" var thisspan="" var content="" var contentbg="" var toggle=1 var timer var scrollready=true var tablewidth var tableheight var textfontcolortoggle=new Array() var toggle=1 var step=2; var content var padding=3 var textcontentheight var textcontentwidth var translayerswidth=4 var translayersmax=Math.floor(translayerszone/translayerswidth) var translayersleftpos=0 var translayersopacity=100 var translayersfactor=100/translayersmax var translayerswidthall=translayersmax*translayerswidth var ie=document.all?1:0 var ns6=document.getElementById&&!document.all?1:0 var ns4=document.layers?1:0 var browserinfos=navigator.userAgent var opera=browserinfos.match(/Opera/) getcontent() function getcontent() { if (ie || ns6) { tablewidth=textwidth-2*textborder tableheight=textheight-2*textborder content="<table width="+tablewidth+" height="+tableheight+" cellpadding=3 cellspacing=0 border=0><tr valign=middle><td><nobr>" for (i=0;i<text.length;i++) { if (toggle==1) {textfontcolortoggle[i]=textfontcoloraa} else if (toggle==-1) {textfontcolortoggle[i]=textfontcolorbb} toggle*=-1 content+="<a href=\""+textlink[i]+"\" target=\""+texttarget[i]+"\" style=\"position:relative;font-family:\'"+textfont+"\';font-size:"+textfontsize+"pt;font-weight:"+textweight+";text-decoration:"+textdecoration+";color:"+textfontcolortoggle[i]+";font-style:"+textitalic+";\" onMouseOver=\"this.style.color=\'"+textfontcolorrollover+"\'\" onMouseOut=\"this.style.color=\'"+textfontcolortoggle[i]+"\'\">" content+=text[i] content+="</a><font color="+textbgcolor+">----------</font>" } content+="</nobr></td></tr></table>" } else { tablewidth=textwidth-2*textborder tableheight=textheight-2*textborder contentbg="<table width="+tablewidth+" height="+tableheight+"><tr><td><font color="+textbgcolor+">hi</font></td></tr></table>" content="<table height="+textheight+" cellpadding=0 cellspacing=0><tr valign=middle><td><nobr>" for (i=0;i<text.length;i++) { if (toggle==1) {textfontcolortoggle[i]=textfontcoloraa} else if (toggle==-1) {textfontcolortoggle[i]=textfontcolorbb} toggle*=-1 content+="<a href=\""+textlink[i]+"\" target=\""+texttarget[i]+"\" style=\"position:relative;font-family:\'"+textfont+"\';font-size:"+textfontsize+"pt;font-weight:"+textweight+";text-decoration:"+textdecoration+";color:"+textfontcolortoggle[i]+";font-style:"+textitalic+";\" >" content+=text[i] content+="</a><font color="+textbgcolor+">----------</font>" } content+="</nobr></td></tr></table>" } } if (ns4) { toggle=1 document.write('<table cellpadding=0 cellspacing=0 border=0 height='+textheight+' width='+textwidth+'><tr><td>'); document.write('<ilayer name="marker" bgcolor="'+textbordercolor+'" width='+textwidth+' height='+textheight+'></ilayer>'); document.write('</td></tr></table>') document.write('<layer name="tickerbg" left='+textborder+' top='+textborder+' width='+(textwidth-4*textborder)+' height='+(textheight-2*textborder)+' bgcolor='+textbgcolor+' visibility=hide>'+contentbg+'</layer>') document.write('<layer left=-50000 name="ticker" onMouseOver="setscrollready(0)" onMouseOut="setscrollready(1)">loading</layer>'); } if (ie || ns6) { document.write('<table cellpadding=0 cellspacing=0 border=0 height='+textheight+' width='+textwidth+'><tr><td>'); document.write('<div id="marker" style="position:relative; width:'+textwidth+'; height:'+textheight+'" ></div>'); document.write('</td></tr></table>') if (ns6) { var tablewidth=textwidth-2*textborder var tableheight=textheight-2*textborder } else { var tablewidth=textwidth var tableheight=textheight } document.write('<div ID="roof" style="position:absolute;width:'+tablewidth+'px;height:'+tableheight+'px;border-style:solid;border-width:'+textborder+'px;border-color:'+textbordercolor+';background-color:'+textbgcolor+';visibility:hidden;overflow:hidden" onMouseOver="setscrollready(0)" onMouseOut="setscrollready(1)">') document.write('<span ID="ticker" style="position:absolute;top:0px;left:0px;visibility:hidden">'+content+'</span>') if (ie && !opera) { for (i=0;i<=translayersmax;i++) { document.write('<span ID="trans'+i+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+tableheight+'px;background-color:'+textbgcolor+';filter:alpha(opacity='+translayersopacity+');overflow:hidden"> </span>') translayersleftpos+=translayerswidth translayersopacity-=translayersfactor } translayersleftpos=tablewidth-translayersleftpos for (ii=0;ii<=translayersmax;ii++) { document.write('<span ID="trans'+ii+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+tableheight+'px;background-color:'+textbgcolor+';filter:alpha(opacity='+translayersopacity+');overflow:hidden"> </span>') translayersleftpos+=translayerswidth translayersopacity+=translayersfactor } } if (ns6 && !opera) { for (i=0;i<=translayersmax-1;i++) { document.write('<span ID="transleft'+i+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+tableheight+'px;background-color:'+textbgcolor+';-moz-opacity:'+translayersopacity/100+';overflow:hidden"> </span>') translayersleftpos+=translayerswidth translayersopacity-=translayersfactor if (translayersopacity<0) {translayersopacity=0.001} } translayersleftpos=tablewidth-translayersleftpos translayersopacity=0.001 for (i=0;i<=translayersmax-1;i++) { document.write('<span ID="transright'+i+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+tableheight+'px;background-color:'+textbgcolor+';-moz-opacity:'+translayersopacity/100+';"> </span>') translayersleftpos+=translayerswidth translayersopacity+=translayersfactor } } document.write('</div>') if (ns6) { document.write('<span ID="tickersize" style="position:absolute;top:0px;left:-5000px;visibility:hidden">'+content+'</span>') } } function doscroll(){ if (scrollready) { if(ns4){ document.ticker.left+=-step; if (document.ticker.left<document.marker.pageX+1*textborder) { document.ticker.clip.left+=step; } document.ticker.clip.right+=step; if(document.ticker.left<-textcontentwidth+document.marker.pageX) { document.ticker.left=textwidth+document.marker.pageX-1*textborder; document.ticker.clip.left=0 document.ticker.clip.right=0 } } if (ie) { document.all.ticker.style.posLeft+=-step if (document.all.ticker.style.posLeft<-textcontentwidth) { document.all.ticker.style.posLeft=textwidth } } if (ns6) { document.getElementById('ticker').style.left=parseInt(document.getElementById('ticker').style.left)-step if (parseInt(document.getElementById('ticker').style.left)<-textcontentwidth) { document.getElementById('ticker').style.left=textwidth } } timer=setTimeout("doscroll()",50) } else { clearTimeout(timer) } } function DL_GetElementLeft(eElement) { var nLeftPos = eElement.offsetLeft; var eParElement = eElement.offsetParent; while (eParElement != null) { nLeftPos += eParElement.offsetLeft; eParElement = eParElement.offsetParent; } return nLeftPos; } function DL_GetElementTop(eElement) { var nTopPos = eElement.offsetTop; var eParElement = eElement.offsetParent; while (eParElement != null) { nTopPos += eParElement.offsetTop; eParElement = eParElement.offsetParent; } return nTopPos; } function initscroller(){ if (ns4) { getcontent() var thisspan=eval("document.ticker") thisspan.document.clear() thisspan.document.write(content) thisspan.document.close() textcontentwidth=thisspan.clip.right document.tickerbg.left=document.marker.pageX+1*textborder document.tickerbg.top=document.marker.pageY+1*textborder thisspan.left=document.marker.pageX-1*textborder+textwidth thisspan.top=document.marker.pageY thisspan.clip.width=textcontentwidth; thisspan.clip.height=textheight; thisspan.clip.left=0 thisspan.clip.right=0 document.tickerbg.visibility="show"; thisspan.visibility="show"; } if (ie) { textcontentwidth=document.all.ticker.clientWidth document.all.roof.style.posLeft=DL_GetElementLeft(document.all.marker); document.all.roof.style.posTop=DL_GetElementTop(document.all.marker); document.all.ticker.style.posLeft=textwidth document.all.ticker.style.clip='rect(0px, '+textcontentwidth+'px, '+(textheight)+'px, 0px)'; document.all.roof.style.visibility="visible"; document.all.ticker.style.visibility="visible"; } if (ns6) { textcontentwidth=document.getElementById('tickersize').offsetWidth document.getElementById('roof').style.left=DL_GetElementLeft(document.getElementById('marker')); document.getElementById('roof').style.top=DL_GetElementTop(document.getElementById('marker')); document.getElementById('ticker').style.left=textwidth document.getElementById('ticker').clip='rect(0px, '+textcontentwidth+'px, '+(textheight)+'px, 0px)'; document.getElementById('roof').style.visibility="visible"; document.getElementById('ticker').style.visibility="visible"; } doscroll() } function setscrollready(whatanswer) { if (whatanswer==1) { scrollready=true checkscroll() } else { scrollready=false } } function checkscroll() { clearTimeout(timer) if (scrollready) { doscroll() } } function reopenpage() { history.go(0) } window.onresize=reopenpage window.onload=initscroller </script>

**POPUPS AND BLOCKS**

No Right or Left click

No right click

Dangerous no right click

Colorful no right click

Silent no right click

No text select

Enter popup

Leaving popup

<SCRIPT language="JavaScript">alert("MESSAGE HERE") </SCRIPT> <BODY onUnload="alert('TEXT HERE.. HOLLA!');">

Password popup

Name asking popup

Annoying popup

Enter & Leave popup

Welcome to my site, <script language="VBScript"> </script> <script language="JavaScript">  </script>

<SCRIPT>alert ('Hello')</SCRIPT> <SCRIPT>alert ('you')</SCRIPT> <SCRIPT>alert ('can')</SCRIPT> <SCRIPT>alert ('add')</SCRIPT> <SCRIPT>alert ('whatever')</SCRIPT> <SCRIPT>alert ('text')</SCRIPT> <SCRIPT>alert ('you')</SCRIPT> <SCRIPT>alert ('want')</SCRIPT> <SCRIPT>alert ('and')</SCRIPT> <SCRIPT>alert ('keep')</SCRIPT> <SCRIPT>alert ('repeating')</SCRIPT> <SCRIPT>alert ('it')</SCRIPT> <SCRIPT>alert ('as')</SCRIPT> <SCRIPT>alert ('much')</SCRIPT> <SCRIPT>alert ('as')</SCRIPT> <SCRIPT>alert ('you')</SCRIPT> <SCRIPT>alert ('like')</SCRIPT>

Rainbow links

different color blink scroll bar

Popup change title

POPUP WITH CANCEL

<SCRIPT language="JavaScript">confirm(" YOUR TEXT HEEEE")</SCRIPT

**TEXT AREAS, LINKS AND BUTTONS**

Text Area W/color Frame

Regular Text area

Specific size Text Area

HTML TeXt Area

<textarea ROWS=5 COLS=15 style="background:COLOR" style="font-family:FONT" style="color:COLOR HERE" style="border style:solid"> TEXT TEXT <textarea>TEXT HERE <textarea rows=# cols=#> TEXT GOES HERE

<ilayer name="scroll1"> <div id="scroll3" style="width:100;height:75; background-color:COLORHERE; overflow:auto"> TEXT HTML TEXT HTML

LInk With Popup Message

Bordered link

Link Button With Frame

Regular Link Button

<a style="color: #0000FF; font-family: Arial Black; font-size: 12pt; font-style: italic; font-weight: bold" title="Hey" href="http://URL GOES HERE.html"> ENTERING TEXT HERE</a>

Your Pic is a Button

Link W/Background

Another type of link

Target your link

<p align=center><FORM method="link" action="http://hometown.aol.com/SCREEN NAME HERE/index.html">I'm a button<INPUT TYPE="IMAGE" src="http://members.aol.com/yourscreennamehere/images/YOUR IMAGE.gif" height="60" width="60" style="border style:solid" style="color:COLOR OF FRAME HERE"></FORM> <a style="color: #FF00FF; font-size: 12pt; font-family: Arial; font-weight: bold; border: 3px double #00FFFF; background-color: #000000; background-image: url('http://members.aol.com/YOUR SCREEN NAME/IMAGES/NAME OF YOUR PICTURE.gif')" title="Hey" href="http://yoururlhere.html">TEXT here</a>

Reg link button w/bg

Last modified

Print Button

IM me Link (4 aol)

<SCRIPT Language="Javascript"> /* This script is written by Eric (Webcrawl@usa.net) For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use, visit dynamicdrive.com */ function printit(){ if (window.print) { window.print() ; } else { var WebBrowser = '<OBJECT ID="WebBrowser1" WIDTH=0 HEIGHT=0 CLASSID="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></OBJECT>'; document.body.insertAdjacentHTML('beforeEnd', WebBrowser); WebBrowser1.ExecWB(6, 2);//Use a 1 vs. a 2 for a prompting dialog box WebBrowser1.outerHTML = ""; } } </script> <SCRIPT Language="Javascript"> var NS = (navigator.appName == "Netscape"); var VERSION = parseInt(navigator.appVersion); if (VERSION > 3) { document.write('<form><input type=button value="Print this Page" name="Print" onClick="printit()"></form>'); } </script>

<SCRIPT LANGUAGE="JavaScript"> // document.write("Last modified " + document.lastModified); // // --> // </SCRIPT>

** Menus, Background effects & page effects**

Floating Butterflies

Drop Down Menu

Top navigation bar

Roaming picture

<p align=center><script language="JavaScript1.2">  </script>

<p align=center><SCRIPT language="JavaScript1.2"> /* Roaming Cursor script (By Kurt at kurt.grigg@virgin.net) Modified and permission granted to Dynamic Drive to feature script in archive For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com */ //specify path to cursor image var cursorpath="cursor.gif" if (document.layers) {document.write("<LAYER NAME='PoInTeRs' LEFT=10 TOP=10><img src='"+cursorpath+"' width=17 height=22></LAYER>")} else if (document.all){document.write("<div id='pOiNtErS' style='position:absolute;top:10px;left:10px;width:17px;height:22px;z-index:50'><img src='"+cursorpath+"' width=17 height=22></div>")} count=-1; move=1; function Curve(){ abc=new Array(0,1,1,1,2,3,4,0,6,-1,-1,-1,-2,-3,-4,0,-6) for (i=0; i < abc.length; i++) {var C=Math.round(Math.random()*[i])} howbend=abc[C]; setTimeout('Curve()',1900); return howbend; } ypos=10; xpos=10; degree = 60; function MoveRandom(){ PathBend=degree+=howbend;//ok! y = 4*Math.sin(PathBend*Math.PI/180); x = 6*Math.cos(PathBend*Math.PI/180); if (document.layers){ ypos+=y; xpos+=x; document.PoInTeRs.top=ypos+window.pageYOffset; document.PoInTeRs.left=xpos+window.pageXOffset; } else if (document.all){ ypos+=y; xpos+=x; document.all.pOiNtErS.style.top=ypos+document.body.scrollTop; document.all.pOiNtErS.style.left=xpos+document.body.scrollLeft; } T=setTimeout('MoveRandom()',50); } function edges(){ if (document.layers){ if (document.PoInTeRs.left >= window.innerWidth-40+window.pageXOffset)degree=Math.round(Math.random()*45+157.5); if (document.PoInTeRs.top >= window.innerHeight-30+window.pageYOffset)degree=Math.round(Math.random()*45-112.5); if (document.PoInTeRs.top <= 2+window.pageYOffset) degree = Math.round(Math.random()*45+67.5);//OK! if (document.PoInTeRs.left <= 2+window.pageXOffset) degree = Math.round(Math.random()*45-22.5);//OK! } else if (document.all) { if (document.all.pOiNtErS.style.pixelLeft >= document.body.offsetWidth-45+document.body.scrollLeft)degree=Math.round(Math.random()*45+157.5); if (document.all.pOiNtErS.style.pixelTop >= document.body.offsetHeight-35+document.body.scrollTop)degree=Math.round(Math.random()*45-112.5); if (document.all.pOiNtErS.style.pixelTop <= 2+document.body.scrollTop) degree = Math.round(Math.random()*45+67.5);//OK! if (document.all.pOiNtErS.style.pixelLeft <= 2+document.body.scrollLeft) degree = Math.round(Math.random()*45-22.5);//OK! } setTimeout('edges()',100); } function starteffect(){ Curve(); MoveRandom();// onUnload="opener.gO()" edges(); } if (document.all||document.layers) window.onload=starteffect </script>

<form><select name=select size="1" style="background-color:COLORHERE; font size:#pt; font-family:FONTHERE; color:COLORHERE" onchange="location.href= (form.select.options[form.select.selectedIndex].value)"> <option value="web page address">name of page</option> <option value="web page address">name of page</option> <option value="web page address">name of page</option> </select></form> <html> <style> all.clsMenuItemNS, .clsMenuItemIE{text-decoration: none; font: bold 12px Arial; color: white; cursor: hand; z-index:100} #MainTable A:hover {color: yellow;} </style> <script language="JavaScript"> //Top Nav Bar I v2.1 By Constantin Kuznetsov Jr. (script@esolutiononline.com) //Modified by Dynamic Drive for NS6/Opera6 compatibility and code streamlining March 4th, 2002 //Visit http://www.dynamicdrive.com for this script var keepstatic=1 //specify whether menu should stay static (works only in IE4+) var menucolor="#000000" //specify menu color var submenuwidth=150 //specify sub menus' color </script> <body marginwidth="0" marginheight="0" leftmargin="0" topmargin="0"> <script language="JavaScript" src="menu.js"></script> <script language="JavaScript" src="menucontext.js"></script> <script language="JavaScript"> showToolbar(); </script> <script language="JavaScript"> function UpdateIt(){ if (ie&&keepstatic&&!opr6) document.all["MainTable"].style.top = document.body.scrollTop; setTimeout("UpdateIt()", 200); } UpdateIt(); </script> <script type="text/javascript" src="http://static.websimages.com/static/global/js/webs/usersites/escort.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="none";_uff=false;urchinTracker();}</script></body> </html>  if (document.all) {n=0;ie=1;ns6=0;fShow="visible";fHide="hidden";} if (document.getElementById&&!document.all) {n=0;ie=0;ns6=1;fShow="visible";fHide="hidden";} if (document.layers) {n=1;ie=0;ns6=0;fShow="show";fHide="hide";} //Top Nav bar script v2.1- http://www.dynamicdrive.com/dynamicindex1/sm/index.htm opr6=ie&&navigator.userAgent.indexOf("Opera")!=-1 window.onerror=new Function("return true") //////////////////////////////////////////////////////////////////////////// // Function Menu() // //////////////////////////////////////////////////////////////////////////// rightX = 0; function Menu() { this.bgColor = menucolor; if (ie) this.menuFont = "bold 12px Arial"; if (n) this.menuFont = "bold 12px Verdana"; this.fontColor = "black"; this.addItem = addItem; this.addSubItem = addSubItem; this.showMenu = showMenu; this.mainPaneBorder = 0; this.subMenuPaneBorder = 0; this.subMenuPaneWidth = submenuwidth; lastMenu = null; rightY = 0; leftY = 0; leftX = 0; HTMLstr = ""; HTMLstr += "\n"; HTMLstr += "\n"; if (ie||ns6) HTMLstr += "<div id='MainTable' style='position:relative;top:0'>\n"; // if (n) HTMLstr += "<layer name='MainTable'>\n"; HTMLstr += "<table width='100%' bgcolor='"+this.bgColor+"' border='"+this.mainPaneBorder+"'>\n"; HTMLstr += "<tr>"; if (n) HTMLstr += "<td> "; HTMLstr += "\n"; HTMLstr += "\n"; HTMLstr += "\n"; if (n) HTMLstr += "</td>"; HTMLstr += "</tr>\n"; HTMLstr += "</table>\n"; HTMLstr += "\n"; HTMLstr += "\n"; HTMLstr += "\n"; HTMLstr += "\n"; HTMLstr += "\n"; if (ie||ns6) HTMLstr+= "</div>\n"; // if (n) HTMLstr+= "</layer>\n"; HTMLstr += "\n"; } function addItem(idItem, text, hint, location, altLocation) { var Lookup = ""; if (HTMLstr.indexOf(Lookup) != -1) { alert(idParent + " already exist"); return; } var MENUitem = ""; MENUitem += "\n\n"; if (n) { MENUitem += "<ilayer name="+idItem+">"; MENUitem += "<a href='.' class=clsMenuItemNS onmouseover=\"displaySubMenu('"+idItem+"')\" onclick=\"return false;\">"; MENUitem += "| "; MENUitem += text; MENUitem += "</a>"; MENUitem += "</ilayer>"; } if (ie||ns6) { MENUitem += "<td>\n"; MENUitem += "<div id='"+idItem+"' style='position:relative; font: "+this.menuFont+";'>\n"; MENUitem += "<a "; MENUitem += "class=clsMenuItemIE "; // MENUitem += "style='text-decoration: none; font: "+this.menuFont+"; color: "+this.fontColor+"; cursor: hand;' "; if (hint != null) MENUitem += "title='"+hint+"' "; if (location != null) { MENUitem += "href='"+location+"' "; MENUitem += "onmouseover=\"hideAll()\" "; } else { if (altLocation != null) MENUitem += "href='"+altLocation+"' "; else MENUitem += "href='.' "; MENUitem += "onmouseover=\"displaySubMenu('"+idItem+"')\" "; MENUitem += "onclick=\"return false;\" " } MENUitem += ">"; MENUitem += "| \n"; MENUitem += text; MENUitem += "</a>\n"; MENUitem += "</div>\n"; MENUitem += "</td>\n"; } MENUitem += "\n\n"; MENUitem += "\n"; HTMLstr = HTMLstr.replace("\n", MENUitem); } function addSubItem(idParent, text, hint, location, linktarget) { var MENUitem = ""; Lookup = ""; if (HTMLstr.indexOf(Lookup) == -1) { alert(idParent + " not found"); return; } Lookup = ""; if (HTMLstr.indexOf(Lookup) == -1) { if (n) { MENUitem += "\n"; MENUitem += "<layer id='"+idParent+"submenu' visibility=hide bgcolor='"+this.bgColor+"'>\n"; MENUitem += "<table border='"+this.subMenuPaneBorder+"' bgcolor='"+this.bgColor+"' width="+this.subMenuPaneWidth+">\n"; MENUitem += "\n"; MENUitem += "</table>\n"; MENUitem += "</layer>\n"; MENUitem += "\n"; } if (ie||ns6) { MENUitem += "\n"; MENUitem += "<div id='"+idParent+"submenu' onmouseout=operahide() style='position:absolute; visibility: hidden; z-index:100; width: "+this.subMenuPaneWidth+"; font: "+this.menuFont+"; top: -300;'>\n"; MENUitem += "<table border='"+this.subMenuPaneBorder+"' bgcolor='"+this.bgColor+"' width="+this.subMenuPaneWidth+">\n"; MENUitem += "\n"; MENUitem += "</table>\n"; MENUitem += "</div>\n"; MENUitem += "\n"; } MENUitem += "\n"; HTMLstr = HTMLstr.replace("\n", MENUitem); } Lookup = "\n"; if (n) MENUitem = "<tr><td><a class=clsMenuItemNS title='"+hint+"' href='"+location+"' target='"+linktarget+"'>"+text+"</a><br></td></tr>\n"; if (ie||ns6) MENUitem = "<tr><td><a class=clsMenuItemIE title='"+hint+"' href='"+location+"' target='"+linktarget+"'>"+text+"</a><br></td></tr>\n"; MENUitem += Lookup; HTMLstr = HTMLstr.replace(Lookup, MENUitem); } function showMenu() { document.writeln(HTMLstr); } //////////////////////////////////////////////////////////////////////////// // Private declaration function displaySubMenu(idMainMenu) { var menu; var submenu; if (n) { submenu = document.layers[idMainMenu+"submenu"]; if (lastMenu != null && lastMenu != submenu) hideAll(); submenu.left = document.layers[idMainMenu].pageX; submenu.top = document.layers[idMainMenu].pageY + 25; submenu.visibility = fShow; leftX = document.layers[idMainMenu+"submenu"].left; rightX = leftX + document.layers[idMainMenu+"submenu"].clip.width; leftY = document.layers[idMainMenu+"submenu"].top+ document.layers[idMainMenu+"submenu"].clip.height; rightY = leftY; } else if (ie||ns6) { //alert(document.getElementById(idMainMenu+"submenu").id) menu = ie? eval(idMainMenu) : document.getElementById(idMainMenu); submenu = ie? eval(idMainMenu+"submenu.style") : document.getElementById(idMainMenu+"submenu").style; submenu.left = calculateSumOffset(menu, 'offsetLeft'); // submenu.top = calculateSumOffset(menu, 'offsetTop') + 30; submenu.top = menu.style.top+23; submenu.visibility = fShow; if (lastMenu != null && lastMenu != submenu) hideAll(); leftX = ie? document.all[idMainMenu+"submenu"].style.posLeft : parseInt(document.getElementById(idMainMenu+"submenu").style.left); rightX = ie? leftX + document.all[idMainMenu+"submenu"].offsetWidth : leftX+parseInt(document.getElementById(idMainMenu+"submenu").offsetWidth); leftY = ie? document.all[idMainMenu+"submenu"].style.posTop+ document.all[idMainMenu+"submenu"].offsetHeight : parseInt(document.getElementById(idMainMenu+"submenu").style.top)+parseInt(document.getElementById(idMainMenu+"submenu").offsetHeight); rightY = leftY; } lastMenu = submenu; } function hideAll() { if (lastMenu != null) {lastMenu.visibility = fHide;lastMenu.left = 0;} } function calculateSumOffset(idItem, offsetName) { var totalOffset = 0; var item = eval('idItem'); do { totalOffset += eval('item.'+offsetName); item = eval('item.offsetParent'); } while (item != null); return totalOffset; } function updateIt(e) { if (ie&&!opr6) { var x = window.event.clientX; var y = window.event.clientY; if (x > rightX || x < leftX) hideAll(); else if (y > rightY) hideAll(); } if (n||ns6) { var x = e.pageX; var y = e.pageY; if (x > rightX || x < leftX) hideAll(); else if (y > rightY) hideAll(); } } function operahide(){ if (opr6){ if (!MainTable.contains(event.toElement)) hideAll() } } if (ie||ns6) { document.body.onclick=hideAll; document.body.onscroll=hideAll; document.body.onmousemove=updateIt; } if (document.layers) { window.captureEvents(Event.MOUSEMOVE); window.captureEvents(Event.CLICK); window.onmousemove=updateIt; window.onclick=hideAll; }  //Top Nav bar script v2.1- http://www.dynamicdrive.com/dynamicindex1/sm/index.htm function showToolbar() { // AddItem(id, text, hint, location, alternativeLocation); // AddSubItem(idParent, text, hint, location, linktarget); menu = new Menu(); menu.addItem("webmasterid", "Web Building Sites", "Web Building Sites", null, null); menu.addItem("newsid", "News Sites", "News Sites", null, null); menu.addItem("freedownloadid", "Free Downloads", "Free Downloads", null, null); menu.addItem("searchengineid", "Search Engines", "Search Engines", null, null); menu.addItem("miscid", "Miscellaneous", "Miscellaneous", null, null); menu.addSubItem("webmasterid", "Dynamic Drive", "Dynamic Drive", "http://www.dynamicdrive.com/", ""); menu.addSubItem("webmasterid", "JavaScript Kit", "JavaScript Kit", "http://www.javascriptkit.com/", ""); menu.addSubItem("webmasterid", "Web Review", "Web Review", "http://www.webreview.com/", ""); menu.addSubItem("webmasterid", "Freewarejava.com", "Freewarejava.com", "http://www.freewarejava.com/", "_blank"); menu.addSubItem("webmasterid", "Web Monkey", "Web Monkey", "http://www.webmonkey.com/", "_blank"); menu.addSubItem("newsid", "CNN", "CNN", "http://www.cnn.com", ""); menu.addSubItem("newsid", "ABC News", "ABC News", "http://www.abcnews.com", ""); menu.addSubItem("newsid", "MSNBC", "MSNBC", "http://www.msnbc.com", ""); menu.addSubItem("newsid", "CBS news", "CBS News", "http://www.cbsnews.com", ""); menu.addSubItem("newsid", "News.com", "News.com", "http://news.com", ""); menu.addSubItem("newsid", "Wired News", "Wired News", "http://www.wired.com", ""); menu.addSubItem("newsid", "TechWeb", "TechWeb", "http://www.techweb.com", ""); menu.addSubItem("freedownloadid", "Dynamic Drive", "Dynamic Drive", "http://www.dynamicdrive.com/", ""); menu.addSubItem("freedownloadid", "Download.com", "Download.com", "http://download.com/", ""); menu.addSubItem("freedownloadid", "Tucows", "Tucows", "http://tucows.com/", ""); menu.addSubItem("searchengineid", "Yahoo", "Yahoo", "http://www.yahoo.com/", ""); menu.addSubItem("searchengineid", "Google", "Google", "http://www.google.com/", ""); menu.addSubItem("searchengineid", "Excite", "Excite", "http://www.excite.com", ""); menu.addSubItem("searchengineid", "HotBot", "HotBot", "http://www.hotbot.com", ""); menu.addSubItem("miscid", "Cnet", "Cnet", "http://www.cnet.com/", ""); menu.addSubItem("miscid", "RealAudio", "RealAudio", "http://www.realaudio.com/", ""); menu.addSubItem("miscid", "MP3.com", "MP3.com", "http://www.mp3.com/", ""); menu.showMenu(); }

Bubbles all over

Falling rain

Spider Web

Flashy BG changer

<a href=" "onmouseover="document.bgColor='aqua'; document.bgColor='yellow'; document.bgColor='orange'; document.bgColor='skyblue'; document.bgColor='coral'; document.bgColor='lightgreen'; document.bgColor='white'; document.bgColor='blueviolet'; document.bgColor='skyblue'; document.bgColor='hotpink'; document.bgColor='black'; document.bgColor='white'> TEXT GOES HERE</a> <marquee style="FILTER: wave(add=20, phase=1,freq=2, strength=35)" scrollAmount=2 scrollDelay=20 direction=up width="100%"> <CENTER><FONT face="Hobo BT" color=6699ff size=4>Watch me go</font></center></marquee>

Fireworks1

Firework Dots

Half Crosshair

Document crosshair

<head> <style>  </style> </head> <BODY> <div id="leftright" style="width:expression(document.body.clientWidth-2)"></div> <div id="topdown" style="height:expression(document.body.clientHeight-2)"></div> <script language="JavaScript1.2">  </script> </BODY>

Autumn leaves

Cupid effect

more fireworks

Fireworks2

<APPLET CODE="Firework.class" WIDTH="399" HEIGHT="349"> <PARAM NAME="AnimationSpeed" VALUE="50"> <PARAM NAME="RocketSoundtrack" VALUE="fire.au"> <PARAM NAME="RocketStyleVariability" VALUE="10"> <PARAM NAME="MaxRocketNumber" VALUE="9"> <PARAM NAME="MaxRocketExplosionEnergy" VALUE="850"> <PARAM NAME="MaxRocketPatchNumber" VALUE="90"> <PARAM NAME="MaxRocketPatchLength" VALUE="68"> <PARAM NAME="Gravity" VALUE="400"> </applet> <p align="center"><font face="arial" size="-2">Free Java applets provided by</font><br> <font face="arial, helvetica" size="-2"><a href="http://javascriptkit.com">JavaScript Kit</a></font></p>

Star Drive by

Vertical Blinds effect

Snow Flakes

Side split curtains

<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=22)">

Fixed background

IFrame scroller

Vertical curtains

Horizontal Strippy Curtains

<iframe id="datamain" src="external.htm" width=150 height=150 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=1 scrolling=no></iframe>

** MOUSE EFFECT, TEXT TRAILS AND CURSORS**

Hearts burst on mousedown

Stars Following your cursor

Blue stars on mousedown

Regular Text Trail cursor

<p align=center><SCRIPT LANGUAGE="JavaScript1.2"> // </script> <style type="text/css"> #sDiv0 {position:absolute; top:-20; left:-20; height:1; width:1; font-family:arial black; font-size:15px; color:0099ff;} #sDiv1 {position:absolute; top:-20; left:-20; height:1; width:1; font-family:arial black; font-size:15px; color:0099ff;} #sDiv2 {position:absolute; top:-20; left:-20; height:1; width:1; font-family:arial black; font-size:15px; color:0099ff;} #sDiv3 {position:absolute; top:-20; left:-20; height:1; width:1; font-family:arial black; font-size:15px; color:0099ff;} #sDiv4 {position:absolute; top:-20; left:-20; height:1; width:1; font-family:arial black; font-size:15px; color:0099ff;} #sDiv5 {position:absolute; top:-20; left:-20; height:1; width:1; font-family:arial black; font-size:15px; color:0099ff;} #sDiv6 {position:absolute; top:-20; left:-20; height:1; width:1; font-family:arial black; font-size:15px; color:0099ff;} </style> <div id="sDiv0">*</div> <div id="sDiv1">*</div> <div id="sDiv2">*</div> <div id="sDiv3">*</div> <div id="sDiv4">*</div> <div id="sDiv5">*</div> <div id="sDiv6">*</div> <a href="javascript:toggleSparks()"></a> </form> </font><br>

<p align=center><script language="JavaScript1.2" type="text/javascript">  </script> </head> <body leftmargin="10" marginwidth="10" topmargin="10" marginheight="10" link="#a0a0a0" alink="#a0a0a0" vlink="#a0a0a0" onLoad="initMouseEvents()"> <div id="sparks"> <div id="sDiv0" style="position:absolute; visibility: hidden;"><font face="webdings" color="#ff0099">Y</font></div> <div id="sDiv1" style="position:absolute; visibility: hidden;"><font face="webdings" color="#ff9966">Y</font></div> <div id="sDiv2" style="position:absolute; visibility: hidden;"><font face="webdings" color="#FF99ff">Y</font></div> <div id="sDiv3" style="position:absolute; visibility: hidden;"><font face="webdings" color="#ff6666">Y</font></div> <div id="sDiv4" style="position:absolute; visibility: hidden;"><font face="webdings" color="#00cc33">Y</font></div> <div id="sDiv5" style="position:absolute; visibility: hidden;"><font face="webdings" color="#0099ff">Y</font></div> <div id="sDiv6" style="position:absolute; visibility: hidden;"><font face="webdings" color="#00ffcc">Y</font></div> <div id="sDiv7" style="position:absolute; visibility: hidden;"><font face="webdings" color="#99ccff">Y</font></div> <div id="sDiv8" style="position:absolute; visibility: hidden;"><font face="webdings" color="#cc33ff">Y</font></div> <div id="sDiv9" style="position:absolute; visibility: hidden;"><font face="webdings" color="#cc6699">Y</font></div> </div> <script type="text/javascript" src="http://static.websimages.com/static/global/js/webs/usersites/escort.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="none";_uff=false;urchinTracker();}</script></body></html>  </p> <script type="text/javascript" src="http://static.websimages.com/static/global/js/webs/usersites/escort.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="none";_uff=false;urchinTracker();}</script></body> </html> <LAYER NAME="a0" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> <LAYER NAME="a1" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> <LAYER NAME="a2" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> <LAYER NAME="a3" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> <LAYER NAME="a4" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> <LAYER NAME="a5" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> <LAYER NAME="a6" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> <script language="JavaScript">  </script> <script language="JavaScript1.2"> <style> .spanstyle { position:absolute; visibility:visible; top:-50px; font-size:10pt; font-family:Verdana; font-weight:bold; color:red; } </style> <script> /* Cursor Trailor Text- By Peter Gehrig (http://www.24fun.ch/) Distributed by Hypergurl. For more java scripts visit Hypergurl.com http://www.hypergurl.com */ var x,y var step=20 var flag=0 // Welcome to Hypergurl!!! var message="YOUR TEXT HERE " message=message.split("") var xpos=new Array() for (i=0;i<=message.length-1;i++) { xpos[i]=-50 } var ypos=new Array() for (i=0;i<=message.length-1;i++) { ypos[i]=-50 } function handlerMM(e){ x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY flag=1 } function makesnake() { if (flag==1 && document.all) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for (i=0; i<message.length-1; i++) { var thisspan = eval("span"+(i)+".style") thisspan.posLeft=xpos[i] thisspan.posTop=ypos[i] } } else if (flag==1 && document.layers) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for (i=0; i<message.length-1; i++) { var thisspan = eval("document.span"+i) thisspan.left=xpos[i] thisspan.top=ypos[i] } } var timer=setTimeout("makesnake()",30) } </script> <script>  </script> <body onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll">

Pink Stars on mousedown

Patriotic Stars on mousedown

Rainbow Circle Cursor

Circling Text trail

<br><p align=center><font size=1><span style=background:color> <p align=center><SCRIPT LANGUAGE="JavaScript1.2"> // </script> <style type="text/css"> #sDiv0 {position:absolute; top:-20; left:-20; height:1; width:1; font-family:arial black; font-size:15px; color:FFFFFF;} #sDiv1 {position:absolute; top:-20; left:-20; height:1; width:1; font-family:arial black; font-size:15px; color:FFFFFF;} #sDiv2 {position:absolute; top:-20; left:-20; height:1; width:1; font-family:arial black; font-size:15px; color:FFFFFF;} #sDiv3 {position:absolute; top:-20; left:-20; height:1; width:1; font-family:arial black; font-size:15px; color:FFFFFF;} #sDiv4 {position:absolute; top:-20; left:-20; height:1; width:1; font-family:arial black; font-size:15px; color:FFFFFF;} #sDiv5 {position:absolute; top:-20; left:-20; height:1; width:1; font-family:arial black; font-size:15px; color:FFFFFF;} #sDiv6 {position:absolute; top:-20; left:-20; height:1; width:1; font-family:arial black; font-size:15px; color:FFFFFF;} </style> <div id="sDiv0">*</div> <div id="sDiv1">*</div> <div id="sDiv2">*</div> <div id="sDiv3">*</div> <div id="sDiv4">*</div> <div id="sDiv5">*</div> <div id="sDiv6">*</div> <a href="javascript:toggleSparks()"></a> </form> </font><br> <LAYER NAME="a0" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffffff" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a1" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#fff000" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a2" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffa000" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a3" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ff00ff" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a4" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#00ff00" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a5" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF00FF" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a6" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF0000" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a7" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffffff" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a8" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#fff000" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a9" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffa000" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a10" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ff00ff" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a11" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#00ff00" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a12" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#0000ff" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a13" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF0000" CLIP="0,0,3,3"></LAYER> <script language="JavaScript"> /* Magic Wand cursor (By Kurt at kurt.grigg@virgin.net) Modified and permission granted to Dynamic Drive to feature script in archive For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com */ if (document.all){ with (document){ write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">') write('<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#fff000;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ffa000;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#00ff00;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#0000ff;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:3px;height:3px;background:#FF0000;font-size:3px;visibility:visible"></div>') write('</div>') } } var Clrs=new Array(6) Clrs[0]='ff0000'; Clrs[1]='00ff00'; Clrs[2]='000aff'; Clrs[3]='ff00ff'; Clrs[4]='fff000'; Clrs[5]='fffff0'; if (document.layers) {window.captureEvents(Event.MOUSEMOVE);} var yBase = 200; var xBase = 200; var step; var currStep = 0; var Xpos = 1; var Ypos = 1; if (document.all) { function MoveHandler(){ Xpos = document.body.scrollLeft+event.x; Ypos = document.body.scrollTop+event.y; } document.onmousemove = MoveHandler; } else if (document.layers) { function xMoveHandler(evnt){ Xpos = evnt.pageX; Ypos = evnt.pageY; } window.onMouseMove = xMoveHandler; } function animateLogo() { if (document.all) { yBase = window.document.body.offsetHeight/4; xBase = window.document.body.offsetWidth/4; } else if (document.layers) { yBase = window.innerHeight/4; xBase = window.innerWidth/4; } if (document.all) { for ( i = 0 ; i < starsDiv.all.length ; i++ ) {step=3; starsDiv.all[i].style.top = Ypos + yBase*Math.cos((currStep + i*4)/12)*Math.cos(0.7+currStep/200); starsDiv.all[i].style.left = Xpos + xBase*Math.sin((currStep + i*3)/10)*Math.sin(8.2+currStep/400); for (ai=0; ai < Clrs.length; ai++) { var c=Math.round(Math.random()*[ai]); } starsDiv.all[i].style.background=Clrs[c]; } } else if (document.layers) { for ( j = 0 ; j < 14 ; j++ ) //number of NS layers! {step = 4; var templayer="a"+j document.layers[templayer].top = Ypos + yBase*Math.sin((currStep + j*4)/12)*Math.cos(0.7+currStep/200); document.layers[templayer].left = Xpos + xBase*Math.sin((currStep + j*3)/10)*Math.sin(8.2+currStep/400); for (aj=0; aj < Clrs.length; aj++) { var c=Math.round(Math.random()*[aj]); } document.layers[templayer].bgColor=Clrs[c]; } } currStep+= step; setTimeout("animateLogo()", 10); } animateLogo(); // --> </script> <SCRIPT LANGUAGE="JavaScript1.2">  </SCRIPT>

<p align=center><SCRIPT LANGUAGE="JavaScript1.2"> // </script> <style type="text/css"> #sDiv0 {position:absolute; top:-20; left:-20; height:1; width:1; font-family:arial black; font-size:15px; color:ff00ff;} #sDiv1 {position:absolute; top:-20; left:-20; height:1; width:1; font-family:arial black; font-size:15px; color:ff00ff;} #sDiv2 {position:absolute; top:-20; left:-20; height:1; width:1; font-family:arial black; font-size:15px; color:ff00ff;} #sDiv3 {position:absolute; top:-20; left:-20; height:1; width:1; font-family:arial black; font-size:15px; color:ff00ff;} #sDiv4 {position:absolute; top:-20; left:-20; height:1; width:1; font-family:arial black; font-size:15px; color:ff00ff;} #sDiv5 {position:absolute; top:-20; left:-20; height:1; width:1; font-family:arial black; font-size:15px; color:ff00ff;} #sDiv6 {position:absolute; top:-20; left:-20; height:1; width:1; font-family:arial black; font-size:15px; color:ff00ff;} </style> <div id="sDiv0">*</div> <div id="sDiv1">*</div> <div id="sDiv2">*</div> <div id="sDiv3">*</div> <div id="sDiv4">*</div> <div id="sDiv5">*</div> <div id="sDiv6">*</div> <a href="javascript:toggleSparks()"></a> </form> </font><br>

Star mouse trailer

Sparkles following mouse

Spinning cursor

Swirling Stars mouse trailer

<LAYER NAME="a0" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> <LAYER NAME="a1" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> <LAYER NAME="a2" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> <LAYER NAME="a3" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> <LAYER NAME="a4" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> <LAYER NAME="a5" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> <LAYER NAME="a6" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> <script language="JavaScript">  </script> <p align=center><div id="dot0" style="position: absolute; visibility: hidden; height: 11; width: 11;"> <img src="http://members.aol.com/sharinahart/animpinksparkles.gif" width="20" height="20"> </div> <div id="dot1" style="position: absolute; height: 20; width: 20;"> <img src="http://members.aol.com/sharinahart/animpinksparkles.gif" width="20" height="20"> </div> <div id="dot2" style="position: absolute; height: 20; width: 20;"> <img src="http://members.aol.com/sharinahart/animpinksparkles.gif" width="20" height="20"> </div> <div id="dot3" style="position: absolute; height: 20; width: 20;"> <img src="http://members.aol.com/sharinahart/animpinksparkles.gif" width="20" height="20"> </div> <div id="dot4" style="position: absolute; height: 20; width: 20;"> <img src="http://members.aol.com/sharinahart/animpinksparkles.gif" width="20" height="20"> </div> <div id="dot5" style="position: absolute; height: 20; width: 20;"> <img src="http://members.aol.com/sharinahart/animpinksparkles.gif" width="20" height="20"> </div> <div id="dot6" style="position: absolute; height: 20; width: 20;"> <img src="http://members.aol.com/sharinahart/animpinksparkles.gif" width="20" height="20"> </div> <script LANGUAGE="JavaScript">  </script>   <body bgcolor="#ffffff" id="win">  <script language="Javascript">  </script>

clock that follows mouse

Color trail over page

Fireworks on mousedown

<script language="JavaScript">  </script> <script language="JavaScript1.2"> /* Document firework script (By Kurt Gregg, kurt.grigg@virgin.net) Modified/ perm. granted to Dynamic Drive to feature script in archive For full source and 100's more DHTML scripts, visit http://dynamicdrive.com */ var ns=document.layers?1:0 var ie4=document.all?1:0 var ns6=document.getElementById&&!document.all?1:0 amount=14; if (ns){ for (i=0; i < amount; i++) document.write("<LAYER NAME='nsstars"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFF0' CLIP='0,0,1,1'></LAYER>"); } else if (ie4||ns6){ document.write("<div id='ieCov' style='position:absolute;top:0px;left:0px'>"); document.write("<div style='position:relative'>"); for (i=0; i < amount; i++) document.write("<div id='iestars"+i+"' style='position:absolute;top:0px;left:0px;width:1;height:1;background:#ffffff;font-size:1;z-index:10'></div>"); document.write("</div></div>"); } Clrs=new Array('ff0000','00ff00','ffffff','ff00ff','ffa500','ffff00','00ff00','ffffff','ff00ff') sClrs=new Array('ffa500','00ff00','FFAAFF','fff000','fffffF') Xpos=300; Ypos=150; initialStarColor='00ff00'; step=5; currStep=0; explosionSize=120; function Fireworks(){ var WinHeight=(ns||ns6)?window.innerHeight-100:window.document.body.clientHeight-100; var WinWidth=(ns||ns6)?window.innerWidth-100:window.document.body.clientWidth-100; var Yscroll=(ns||ns6)?window.pageYOffset:document.body.scrollTop; for (i=0; i < amount; i++){ if (ie4||ns6) var layer=ns6?document.getElementById("iestars"+i).style : eval("iestars"+i).style; else if (ns) var layer=document.layers["nsstars"+i] var randCol=Math.round(Math.random()*8); var randSz=Math.round(Math.random()*2); layer.top = Ypos + explosionSize*Math.sin((currStep+i*5)/3)*Math.sin(currStep/100) layer.left= Xpos + explosionSize*Math.cos((currStep+i*5)/3)*Math.sin(currStep/100) if (currStep < 110){ if (ns){layer.bgColor=initialStarColor;layer.clip.width=1;layer.clip.height=1} else{layer.background=initialStarColor;layer.width=1;layer.height=1;layer.fontSize=1} } else{ if (ns){layer.bgColor=Clrs[randCol];layer.clip.width=randSz;layer.clip.height=randSz} else{layer.background=Clrs[randCol];layer.width=randSz;layer.height=randSz;layer.fontSize=randSz} } } if (currStep > 220) { currStep=0; Ypos = 50+Math.round(Math.random()*WinHeight)+Yscroll; Xpos = 50+Math.round(Math.random()*WinWidth); for (i=0; i < sClrs.length; i++) { var newIcol=Math.round(Math.random()*i); } initialStarColor=sClrs[newIcol]; explosionSize=Math.round(80*Math.random()+100); } currStep+=step; setTimeout("Fireworks()",20); } Fireworks(); // --> </script>

<script language="JavaScript">  </script>

** TEXT EFFECTS, CLOCKS AND OTHER MISCELANEOUS STUFF**

Shadow Text

Drop Shadow TeXt

<p align=center> <SCRIPT LANGUAGE="JavaScript1.2">  </script> <TABLE STYLE="filter:shadow(color=colorhere, strength=10)"> <TR><TD><center> TEXT GOES HERE</TABLE>

<SCRIPT LANGUAGE="JavaScript1.2">  </script>

~~SLASH OUT TEXT~~ BOLD TEXT

UNDERLINED TEXT

GLOWING TEXT

Message bounces on screen

Change the font

Typewriter TEXT

HOW ABOUT
THIS THING

. RAINBOW TEXT

Status bar text

<HEAD> <SCRIPT LANGUAGE="JavaScript">      </script> </HEAD>  <BODY> <center> <strong> <font size=2> <script>  </script> </font> </strong> </center>

<p align=center><script type="text/javascript" language="JavaScript">  </script> STOP!!!!!!!! Now in a seperate code, copy the code below and paste. <span id="rainbow">RAINBOW TEXT</span> <p align=center><SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <p align=center><table border=5 bordercolor=blueviolet cellspacing=2 cellpadding=2 rules=rows><tr><td bgcolor=aqua> <font color=magenta>Text<td bgcolor=lime> <font color=dodgerblue>Text <tr><td bgcolor=magenta> <font color=aqua>Text<td bgcolor=dodgerblue> <font color=lime>Text</table>