CODES

entering pop up

POP-UP Alert on page loading <SCRIPT>alert ('TEXT HERE')</SCRIPT>

entering n leaving pop up

<BODY onLoad="alert('TEXT HERE');"onUnload="alert('TEXT HERE');">

leaving pop up

<BODY onUnload="alert('TEXT HERE');">

password pop up

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

annoying pop up

<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>

no right click

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

pop up with ok/cancel

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

do u like my page pop up

<form>YOUR TEXT OPTION1 <input type="radio" onClick="alert('TEXT HERE')"> YOUR TEXT OPTION2 <input type="radio" onClick="alert('TEXTHERE')">

silent no right click

<script language="JavaScript" type="text/javascript">  </script>

no right or left click

<SCRIPT LANGUAGE="JavaScript1.1">  </SCRIPT>

dangerous right click

<script language="JavaScript">  </script> <script LANGUAGE="JavaScript"> document.onmousedown=click var times=0 var times2=10 function click() { if ((event.button==2) || (event.button==3)) { if (times>=1) { bye() } alert(" 1st text here "); times++ } } function bye() { alert(" 2nd text here "); bye() } </script> </select></form>

color no right click

<style>  </style> <script language="JavaScript1.2"> //set this variable to 1 if you wish the URLs of the highlighted menu to be displayed in the status bar var display_url=0 function showmenuie5(){ var rightedge=document.body.clientWidth-event.clientX var bottomedge=document.body.clientHeight-event.clientY if (rightedge<ie5menu.offsetWidth) ie5menu.style.left=document.body.scrollLeft+event.clientX-ie5menu.offsetWidth else ie5menu.style.left=document.body.scrollLeft+event.clientX if (bottomedge<ie5menu.offsetHeight) ie5menu.style.top=document.body.scrollTop+event.clientY-ie5menu.offsetHeight else ie5menu.style.top=document.body.scrollTop+event.clientY ie5menu.style.visibility="visible" return false } function hidemenuie5(){ ie5menu.style.visibility="hidden" } function highlightie5(){ if (event.srcElement.className=="menuitems"){ event.srcElement.style.backgroundColor="black" event.srcElement.style.color="BLUE" if (display_url==1) window.status=event.srcElement.url } } function lowlightie5(){ if (event.srcElement.className=="menuitems"){ event.srcElement.style.backgroundColor="black" event.srcElement.style.color="BLUE" window.status='' } } function jumptoie5(){ if (event.srcElement.className=="menuitems") window.location=event.srcElement.url } </script>  <script language="JavaScript1.2"> document.oncontextmenu=showmenuie5 if (document.all&&window.print) document.body.onclick=hidemenuie5 </script> </select></form>''

glow text

<TABLE STYLE="filter:glow(color=blue, strength=10)"> <TR><TD><center> TEXT HERE</TABLE>

drop shadow text

<TABLE STYLE="filter:DROPSHADOW(color=COLORHERE, strength=10)"> <TR><TD><center> TEXT GOES HERE</TABLE>

no text select

<script language="JavaScript1.2"> //Disable select-text script (IE4+, NS6+)- By Andy Scott //Exclusive permission granted to Dynamic Drive to feature script //Visit http://www.dynamicdrive.com for this script function disableselect(e){ return false } function reEnable(){ return true } //if IE4+ document.onselectstart=new Function ("return false") //if NS6 if (window.sidebar){ document.onmousedown=disableselect document.onclick=reEnable } </script>

no left click

<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">

underline text

<u>YOUR TEXT HERE</u>

strike out text

<s>YOUR TEXT HERE</s>

bold text

<b>TEXT HERE</b>

blinking text

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

elevator text

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#0099ff" width="230" height="120"> <tr> <td bgcolor="#000000" height="120" width="230"><marquee direction="up" scrollamount="1" height=120 width=230><center>Put the text here </td></table>

rainbow text 2

<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>

cool effext text

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

rainbow text

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

text in flashing box

<table border="0" width="180" id="myexample" style="border:5px solid green"> <tr> <td>Insert anything.<br>Insert anything you want.<br>make it flash.<br></td> </tr> </table> <script language="JavaScript1.2">  </script>

floating text

<script type="text/javascript" language="JavaScript">  </script> STOP!!!!!!! NOW PLACE THE FOLLOWING CODE WHERE YOU WANT YOU TEXT TO BE <div id="airborne">text here</div>

flying text

<script type="text/javascript" language="JavaScript">  </script> STOP!!!!!!! NOW PLACE THE FOLLOWING CODE WHERE YOU WANT YOU TEXT TO BE <div id="airborne">text here</div>

elevater down text

<table border="5" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#0099ff" width="200" height="60"> <tr> <td bgcolor="#000000" height="60" width="200"><marquee direction="down" scrollamount="1" height=60 width=200><center>scroll it down</td></table>

bouncy text over screen

<style type="text/css"> #supertext { position:absolute; left:0; top:0; visibility:hide; visibility:hidden; } </style> <script language="JavaScript1.2"> /* Bouncy message script- By Dynamicdrive.com Code based on Lloyd Hassell's, at http://www.dynamicdrive.com/dynamicindex4/bounceimage.htm For full source, TOS, and 100s DTHML scripts, visit http://dynamicdrive.com */ //Configure the below three variables //1) Set message to display (HTML accepted) var thecontent='<h2><font color="#0000FF">Welcome to Dynamic Drive!</font></h2>' //2) Set delay after which message should be hidden, in miliseconds ('' makes it incessantly visible on the screen) var hidetimer=''; //3) Set speed of animation (1-50), where larger is faster var BallSpeed = 20; ///NO NEED TO EDIT BELOW THIS LINE/////////// var contentWidth; var contentHeight; var maxBallSpeed = 50; var xMax; var yMax; var xPos = 0; var yPos = 0; var xDir = 'right'; var yDir = 'down'; var superballRunning = true; var tempBallSpeed; var currentBallSrc; var newXDir; var newYDir; function initializeBall() { if (document.all) { xMax = document.body.clientWidth yMax = document.body.clientHeight document.all("supertext").style.visibility = "visible"; contentWidth=supertext.offsetWidth contentHeight=supertext.offsetHeight } else if (document.layers) { xMax = window.innerWidth; yMax = window.innerHeight; contentWidth=document.supertext.document.width contentHeight=document.supertext.document.height document.layers["supertext"].visibility = "show"; } setTimeout('moveBall()',400); if (hidetimer!='') setTimeout("hidetext()",hidetimer) } function moveBall() { if (superballRunning == true) { calculatePosition(); if (document.all) { document.all("supertext").style.left = xPos + document.body.scrollLeft; document.all("supertext").style.top = yPos + document.body.scrollTop; } else if (document.layers) { document.layers["supertext"].left = xPos + pageXOffset; document.layers["supertext"].top = yPos + pageYOffset; } animatetext=setTimeout('moveBall()',20); } } function calculatePosition() { if (xDir == "right") { if (xPos > (xMax - contentWidth - BallSpeed)) { xDir = "left"; } } else if (xDir == "left") { if (xPos < (0 + BallSpeed)) { xDir = "right"; } } if (yDir == "down") { if (yPos > (yMax - contentHeight - BallSpeed)) { yDir = "up"; } } else if (yDir == "up") { if (yPos < (0 + BallSpeed)) { yDir = "down"; } } if (xDir == "right") { xPos = xPos + BallSpeed; } else if (xDir == "left") { xPos = xPos - BallSpeed; } else { xPos = xPos; } if (yDir == "down") { yPos = yPos + BallSpeed; } else if (yDir == "up") { yPos = yPos - BallSpeed; } else { yPos = yPos; } } function hidetext(){ if (document.all) supertext.style.visibility="hidden" else if (document.layers) document.supertext.visibility="hide" clearTimeout(animatetext) } if (document.all||document.layers){ document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>') window.onload = initializeBall; window.onresize = new Function("window.location.reload()"); } </script>

text box

 <p align="center"><font color="blue" size="2">textarea box<p><p align="center"><textarea style="background:black" style="font-family:arial" style="color:blue" style="border style:solid" rows="10" cols="10">TEXT HERE

text box allowing html

 <p align="center"><font color="blue" size="2">textarea box<p><p align="center"><textarea style="background:black" style="font-family:arial" style="color:blue" style="border style:solid" rows="10" cols="10">CODES HERE

text box with background

 <p align="center"><font color="blue" size="2">textarea box<p><p align="center"><textarea style="background:black" style="font-family:arial" style="color:blue" style="border style:solid" rows="10" cols="10">CODES HERE

trembleing text

<span id="jiggle0" class="jc"><b>TEXT HERE<a href="http://javascriptkit.com">JavaScript Kit!</a></b></span><style> .jc{ position:relative; } </style> <script language="JavaScript1.2"> //Trembling message script- © Dynamic Drive (www.dynamicdrive.com) //For full source code, 100's more DHTML scripts, and TOS, //visit http://www.dynamicdrive.com var ns6=document.getElementById&&!document.all var ie=document.all var customcollect=new Array() var i=0 function jiggleit(num){ if ((!document.all&&!document.getElementById)) return; customcollect[num].style.left=(parseInt(customcollect[num].style.left)==-1)? customcollect[num].style.left=1 : customcollect[num].style.left=-1 } function init(){ if (ie){ while (eval("document.all.jiggle"+i)!=null){ customcollect[i]= eval("document.all.jiggle"+i) i++ } } else if (ns6){ while (document.getElementById("jiggle"+i)!=null){ customcollect[i]= document.getElementById("jiggle"+i) i++ } } if (customcollect.length==1) setInterval("jiggleit(0)",80) else if (customcollect.length>1) for (y=0;y<customcollect.length;y++){ var tempvariable='setInterval("jiggleit('+y+')",'+'100)' eval(tempvariable) } } window.onload=init </script>

matrix text

<div id="matrix">Dynamic Drive</div> <style type="text/css"> .matrix { font-family:Lucida Console, Courier, Monotype; font-size:10pt; text-align:center; width:10px; padding:0px; margin:0px;} </style> <script type="text/javascript" language="JavaScript">  </script>

neon text

<h2> <script language="JavaScript1.2"> /* Neon Lights Text By JavaScript Kit (http://javascriptkit.com) For this script, TOS, and 100s more DHTML scripts, Visit http://www.dynamicdrive.com */ var message="text here!" var neonbasecolor="gray" var neontextcolor="yellow" var flashspeed=100 //in milliseconds ///No need to edit below this line///// var n=0 if (document.all||document.getElementById){ document.write('<font color="'+neonbasecolor+'">') for (m=0;m<message.length;m++) document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>') document.write('</font>') } else document.write(message) function crossref(number){ var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number) return crossobj } function neon(){ //Change all letters to base color if (n==0){ for (m=0;m<message.length;m++) //eval("document.all.neonlight"+m).style.color=neonbasecolor crossref(m).style.color=neonbasecolor } //cycle through and change individual letters to neon color crossref(n).style.color=neontextcolor if (n<message.length-1) n++ else{ n=0 clearInterval(flashing) setTimeout("beginneon()",1500) return } } function beginneon(){ if (document.all||document.getElementById) flashing=setInterval("neon()",flashspeed) } beginneon() </script> </h2>

choosing fonts

<font face="arial" size=6 color=blue>TEXT HERE

wave text

<Style type = "text/css"> .big { color: blue; font-family: arial; font-size: 13pt; font-weight: bold} </style> <script language = "JavaScript"> //Wave Text! by Spookdog (spookydog3@hotmail.com) //Submitted to DynamicDrive.com //For this script and more, visit http://www.dynamicdrive.com  var TimerID; var updown = true; var str = 1; function start() { if (document.all) TimerID = window.setInterval( "wave()", 100 ); } function wave() { if ( str > 20 || str < 1 ) updown = !updown; if ( updown ) str++; else str--; wft.filters( "wave" ).phase = str * 20; wft.filters( "wave" ).strength = str; } window.onload=start </Script> <div ID = "wft" Style = "width:600px; filter:wave(add=0, freq=4, light=0, phase=0, strength=5)" class = "big"> Welcome to Dynamic Drive</div>

nudging text

<script language="JavaScript1.2"> /* Nudging text by Matthias (info@freejavascripts.f2s.com) Modified by Dynamic Drive to function in NS6 For this script and more, visit http://www.dynamicdrive.com */ //configure message message="text here" //animate text in NS6? (0 will turn it off) ns6switch=1 var ns6=document.getElementById&&!document.all mes=new Array(); mes[0]=-1; mes[1]=-4; mes[2]=-7;mes[3]=-10; mes[4]=-7; mes[5]=-4; mes[6]=-1; num=0; num2=0; txt=""; function jump0(){ if (ns6&&!ns6switch){ jump.innerHTML=message return } if(message.length > 6){ for(i=0; i != message.length;i++){ txt=txt+"<span style='position:relative;' id='n"+i+"'>"+message.charAt(i)+"</span>"}; jump.innerHTML=txt; txt=""; jump1a() } else{ alert("Your message is to short") } } function jump1a(){ nfinal=(document.getElementById)? document.getElementById("n0") : document.all.n0 nfinal.style.left=-num2; if(num2 != 9){ num2=num2+3; setTimeout("jump1a()",50) } else{ jump1b() } } function jump1b(){ nfinal.style.left=-num2; if(num2 != 0){num2=num2-3; setTimeout("jump1b()",50) } else{ jump2() } } function jump2(){ txt=""; for(i=0;i != message.length;i++){ if(i+num > -1 && i+num < 7){ txt=txt+"<span style='position:relative;top:"+mes[i+num]+"'>"+message.charAt(i)+"</span>" } else{txt=txt+"<span>"+message.charAt(i)+"</span>"} } jump.innerHTML=txt; txt=""; if(num != (-message.length)){ num--; setTimeout("jump2()",50)} else{num=0; setTimeout("jump0()",50)}} </script> </head> <body> <h2><div id="jumpx" style="color:green"></div></h2> <script> if (document.all||document.getElementById){ jump=(document.getElementById)? document.getElementById("jumpx") : document.all.jumpx jump0() } else document.write(message) </script>

exact time

<HEAD> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <BODY> <CENTER> <TABLE BGCOLOR="black" cellpadding=3 border=1> <TR><TD align=center> <SCRIPT> document.write( Temp ); </SCRIPT> </TD></TR> </TABLE> </CENTER>

rollercoaster text

<script language="JavaScript1.2"> /* Nudging text by Matthias (info@freejavascripts.f2s.com) Modified by Dynamic Drive to function in NS6 For this script and more, visit http://www.dynamicdrive.com */ //configure message message="text here" //animate text in NS6? (0 will turn it off) ns6switch=1 var ns6=document.getElementById&&!document.all mes=new Array(); mes[0]=-1; mes[1]=-4; mes[2]=-7;mes[3]=-10; mes[4]=-7; mes[5]=-4; mes[6]=-1; num=0; num2=0; txt=""; function jump0(){ if (ns6&&!ns6switch){ jump.innerHTML=message return } if(message.length > 6){ for(i=0; i != message.length;i++){ txt=txt+"<span style='position:relative;' id='n"+i+"'>"+message.charAt(i)+"</span>"}; jump.innerHTML=txt; txt=""; jump1a() } else{ alert("Your message is to short") } } function jump1a(){ nfinal=(document.getElementById)? document.getElementById("n0") : document.all.n0 nfinal.style.left=-num2; if(num2 != 9){ num2=num2+3; setTimeout("jump1a()",50) } else{ jump1b() } } function jump1b(){ nfinal.style.left=-num2; if(num2 != 0){num2=num2-3; setTimeout("jump1b()",50) } else{ jump2() } } function jump2(){ txt=""; for(i=0;i != message.length;i++){ if(i+num > -1 && i+num < 7){ txt=txt+"<span style='position:relative;top:"+mes[i+num]+"'>"+message.charAt(i)+"</span>" } else{txt=txt+"<span>"+message.charAt(i)+"</span>"} } jump.innerHTML=txt; txt=""; if(num != (-message.length)){ num--; setTimeout("jump2()",50)} else{num=0; setTimeout("jump0()",50)}} </script> </head> <body> <h2><div id="jumpx" style="color:green"></div></h2> <script> if (document.all||document.getElementById){ jump=(document.getElementById)? document.getElementById("jumpx") : document.all.jumpx jump0() } else document.write(message) </script>

status bar text 1

<p align=center><SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

title bar text

script language="javascript"> var titletext="Hello, Welcome to my website!"; // TITLEBAR TEXT var repeat=true; // SET TO true TO REPEAT, false TO "TYPE" OUT TITLE ONLY ONCE. var index=0; function scrolltitle(){ if(index<=titletext.length){ document.title=titletext.substring(0,index); index++; setTimeout('scrolltitle()', 200); }else{ index=0; if(repeat)setTimeout('scrolltitle()',1000); }} window.onload=function(){ if(!document.layers)setTimeout('scrolltitle()',1000); } </script>

text following mouse

<style> .spanstyle { position:absolute; visibility:visible; top:-50px; font-size:8pt; font-family:arial; font-weight:regular; color:white; } </style> <script> /* Cursor Trailor Text- By Peter Gehrig (http://www.24fun.ch/) Permission given to Dynamicdrive.com to feature script in it's archive. For full source code, installation instructions, and 1000's more DHTML scripts, visit http://dynamicdrive.com */ var x,y var step=20 var flag=0 // Your snappy message. Important: the space at the end of the sentence!!! var message=" 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">

status bar text 2

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

swirling text following mouse

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

horizontal curtains

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

boxing in effect

<div id="i1" class="intro"></div> <script language="JavaScript1.2"> /* Boxing In Script-© Dynamic Drive (www.dynamicdrive.com) For source code, installation instructions, 100's DHTML scripts, and TOS, visit http://www.dynamicdrive.com */ var ns4=document.layers?1:0 var ie4=document.all?1:0 var ns6=document.getElementById&&!document.all?1:0 //change speed here var speed=5 if (ns4){ var reference=window.innerWidth/window.innerHeight var temp=eval("document.i1.clip") temp.left=temp.top=0 temp.right=window.innerWidth temp.bottom=window.innerHeight } else if (ie4||ns6){ var reference=ns6?parseInt(window.innerWidth)/window.innerHeight: document.body.clientWidth/document.body.clientHeight var rightclip,leftclip,topclip,bottomclip var temp=ns6?document.getElementById("i1").style:document.all.i1.style topclip=leftclip=0 rightclip=temp.width=ns6?window.innerWidth*0.98:document.body.clientWidth bottomclip=temp.height=ns6?window.innerHeight-2:document.body.clientHeight } function doit(){ window.scrollTo(0,0) if (ns4){ if (temp.left>window.innerWidth/2) clearInterval(stopit) temp.left+=reference*speed temp.top+=speed temp.right-=reference*speed temp.bottom-=speed } else if (ie4||ns6){ halfofbrowser=ns6?parseInt(window.innerWidth/2):document.body.clientWidth/2 if (leftclip>halfofbrowser){ clearInterval(stopit) temp.display="none" } temp.clip="rect( "+topclip+" "+rightclip+" "+bottomclip+" "+leftclip+")" leftclip+=reference*speed topclip+=speed rightclip-=reference*speed bottomclip-=speed } } stopit=setInterval("doit()",100) </script>

vertical curtains

<style>  </style> <div id="i1" class="intro"></div><div id="i2" class="intro"></div><div id="i3" class="intro"></div><div id="i4" class="intro"></div><div id="i5" class="intro"></div><div id="i6" class="intro"></div><div id="i7" class="intro"></div><div id="i8" class="intro"></div> <script language="JavaScript1.2"> /* Left-Right Stripy Curtain Script- © Dynamic Drive (www.dynamicdrive.com) For full source code, 100's more free DHTML scripts, and TOS, visit http://www.dynamicdrive.com */ var ns4=document.layers?1:0 var ie4=document.all?1:0 var ns6=document.getElementById&&!document.all?1:0 var speed=20 var temp=new Array() var temp2=new Array() if (ns4){ for (i=1;i<=8;i++){ temp[i]=eval("document.i"+i+".clip") temp2[i]=eval("document.i"+i) temp[i].width=window.innerWidth temp[i].height=window.innerHeight/8 temp2[i].top=(i-1)*temp[i].height } } else if (ie4||ns6){ var clipright=ns6?window.innerWidth:document.body.clientWidth clipleft=0 for (i=1;i<=8;i++){ temp[i]=ns6?document.getElementById("i"+i).style:eval("document.all.i"+i+".style") temp[i].width=ns6?window.innerWidth-15:document.body.clientWidth temp[i].height=ns6?window.innerHeight/8:document.body.offsetHeight/8 temp[i].top=(i-1)*parseInt(temp[i].height) } } function openit(){ window.scrollTo(0,0) if (ns4){ for (i=1;i<=8;i=i+2) temp[i].right-=speed for (i=2;i<=8;i=i+2) temp[i].left+=speed if (temp[2].left>window.innerWidth) clearInterval(stopit) } else if (ie4||ns6){ clipright-=speed for (i=1;i<=8;i=i+2){ temp[i].clip="rect(0 "+clipright+" auto 0)" } clipleft+=speed for (i=2;i<=8;i=i+2){ temp[i].clip="rect(0 auto auto "+clipleft+")" } if (clipright<=0){ if (ns6){ for (i=1;i<=8;i++) temp[i].display="none" } clearInterval(stopit) } } } function gogo(){ stopit=setInterval("openit()",100) } gogo() </script>

spider web crosshair

<style>  </style> <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>

crosshair

<style>  </style> <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>

open curtains

<div id="i1" class="intro"></div><div id="i2" class="intro"></div> <script language="JavaScript1.2"> /* Left-Right Curtain Script- © Dynamic Drive (www.dynamicdrive.com) For full source code, 100's more free DHTML scripts, and TOS, visit http://dynamicdrive.com */ var ns4=document.layers?1:0 var ie4=document.all?1:0 var ns6=document.getElementById&&!document.all?1:0 var speed=20 var temp=new Array() var temp2=new Array() if (ns4){ for (i=1;i<=2;i++){ temp[i]=eval("document.i"+i+".clip") temp2[i]=eval("document.i"+i) temp[i].width=window.innerWidth/2 temp[i].height=window.innerHeight temp2[i].left=(i-1)*temp[i].width } } else if (ie4||ns6){ var clipright=ns6?window.innerWidth/2*0.98:document.body.clientWidth/2,clipleft=0 for (i=1;i<=2;i++){ temp[i]=ns6?document.getElementById("i"+i).style:eval("document.all.i"+i+".style") temp[i].width=ns6?window.innerWidth/2*0.98:document.body.clientWidth/2 temp[i].height=ns6?window.innerHeight-1: document.body.offsetHeight temp[i].left=(i-1)*parseInt(temp[i].width) } } function openit(){ window.scrollTo(0,0) if (ns4){ temp[1].right-=speed temp[2].left+=speed if (temp[2].left>window.innerWidth/2) clearInterval(stopit) } else if (ie4||ns6){ clipright-=speed temp[1].clip="rect(0 "+clipright+" auto 0)" clipleft+=speed temp[2].clip="rect(0 auto auto "+clipleft+")" if (clipright<=0){ clearInterval(stopit) if (ns6){ temp[1].display="none" temp[2].display="none" } } } } function gogo(){ stopit=setInterval("openit()",100) } gogo() </script>

boxing away effect

<div id="p1" class="intro"></div> <div id="p2" class="intro"></div> <div id="p3" class="intro"></div> <div id="p4" class="intro"></div> <div id="p5" class="intro"></div> <div id="p6" class="intro"></div> <div id="p7" class="intro"></div> <div id="p8" class="intro"></div> <div id="p9" class="intro"></div> <div id="p10" class="intro"></div> <div id="p11" class="intro"></div> <div id="p12" class="intro"></div> <div id="p13" class="intro"></div> <div id="p14" class="intro"></div> <div id="p15" class="intro"></div> <div id="p16" class="intro"></div> <div id="p17" class="intro"></div> <div id="p18" class="intro"></div> <div id="p19" class="intro"></div> <div id="p20" class="intro"></div> <div id="p21" class="intro"></div> <div id="p22" class="intro"></div> <div id="p23" class="intro"></div> <div id="p24" class="intro"></div> <div id="p25" class="intro"></div> <script> /* Boxing-away Script- By Dynamic Drive (www.dynamicdrive.com) For full source code, 100's more free DHTML scripts, and TOS, visit http://www.dynamicdrive.com */ var espeed=300 var counter=1 var temp=new Array() var temp2=new Array() var ns4=document.layers?1:0 var ie4=document.all?1:0 var ns6=document.getElementById&&!document.all?1:0 ////////Code for Netscape NS 4+//// if (ns4){ for (i=1;i<=25;i++){ temp[i]=eval("document.p"+i+".clip") temp2[i]=eval("document.p"+i) temp[i].width=window.innerWidth/5 temp[i].height=window.innerHeight/5 } for (i=1;i<=5;i++) temp2[i].left=(i-1)*temp[i].width for (i=6;i<=10;i++){ temp2[i].left=(i-6)*temp[i].width temp2[i].top=temp[i].height } for (i=11;i<=15;i++){ temp2[i].left=(i-11)*temp[i].width temp2[i].top=2*temp[i].height } for (i=16;i<=20;i++){ temp2[i].left=(i-16)*temp[i].width temp2[i].top=3*temp[i].height } for (i=21;i<=25;i++){ temp2[i].left=(i-21)*temp[i].width temp2[i].top=4*temp[i].height } } function erasecontainerns(){ window.scrollTo(0,0) var whichcontainer=Math.round(Math.random()*25) if (whichcontainer==0) whichcontainer=1 if (temp2[whichcontainer].visibility!="hide") temp2[whichcontainer].visibility="hide" else{ while (temp2[whichcontainer].visibility=="hide"){ whichcontainer=Math.round(Math.random()*25) if (whichcontainer==0) whichcontainer=1 } temp2[whichcontainer].visibility="hide" } if (counter==25) clearInterval(beginerase) counter++ espeed-=10 } ////////End code for NS 4+//////// ///////////Code for IE 4+ and NS6///////// if (ie4||ns6){ var containerwidth=ns6?parseInt(window.innerWidth)/5-3 : parseInt(document.body.clientWidth/5) var containerheight=ns6?parseInt(window.innerHeight)/5-2 : parseInt(document.body.offsetHeight/5) for (i=1;i<=25;i++){ temp[i]=ns6?document.getElementById("p"+i).style : eval("document.all.p"+i+".style") temp[i].width=containerwidth temp[i].height=containerheight } for (i=1;i<=5;i++) temp[i].left=(i-1)*containerwidth for (i=6;i<=10;i++){ temp[i].left=(i-6)*containerwidth temp[i].top=containerheight } for (i=11;i<=15;i++){ temp[i].left=(i-11)*containerwidth temp[i].top=2*containerheight } for (i=16;i<=20;i++){ temp[i].left=(i-16)*containerwidth temp[i].top=3*containerheight } for (i=21;i<=25;i++){ temp[i].left=(i-21)*containerwidth temp[i].top=4*containerheight } } function erasecontainerie(){ window.scrollTo(0,0) var whichcontainer=Math.round(Math.random()*25) if (whichcontainer==0) whichcontainer=1 if (temp[whichcontainer].visibility!="hidden") temp[whichcontainer].visibility="hidden" else{ while (temp[whichcontainer].visibility=="hidden"){ whichcontainer=Math.round(Math.random()*25) if (whichcontainer==0) whichcontainer=1 } temp[whichcontainer].visibility="hidden" } if (counter==25){ clearInterval(beginerase) if (ns6){ for (i=1;i<26;i++) temp[i].display="none" } } counter++ espeed-=10 } /////////End IE 4+ code//////// if (ns4) beginerase=setInterval("erasecontainerns()",espeed) else if (ie4||ns6){ beginerase=setInterval("erasecontainerie()",espeed) } </script>

left click stars 1

<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>

rain

<BODY> <SCRIPT LANGUAGE="JavaScript">  </script>

floating butterflies

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

snow

 <body bgcolor=#000000 onLoad="snow()">  <script language="JavaScript">  </script>

clock cursor

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

elastic band cursor

<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>

left click stars 2

<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="arial black" color="#cc99ff">*</font></div> <div id="sDiv1" style="position:absolute; visibility: hidden;"><font face="arial black" color="#cc99ff">*</font></div> <div id="sDiv2" style="position:absolute; visibility: hidden;"><font face="arial black" color="#cc99ff">*</font></div> <div id="sDiv3" style="position:absolute; visibility: hidden;"><font face="arial black" color="#cc99ff">*</font></div> <div id="sDiv4" style="position:absolute; visibility: hidden;"><font face="arial black" color="#cc99ff">*</font></div> <div id="sDiv5" style="position:absolute; visibility: hidden;"><font face="arial black" color="#cc99ff">*</font></div> <div id="sDiv6" style="position:absolute; visibility: hidden;"><font face="arial black" color="#cc99ff">*</font></div> <div id="sDiv7" style="position:absolute; visibility: hidden;"><font face="arial black" color="#cc99ff">*</font></div> <div id="sDiv8" style="position:absolute; visibility: hidden;"><font face="arial black" color="#cc99ff">*</font></div> <div id="sDiv9" style="position:absolute; visibility: hidden;"><font face="arial black" color="#cc99ff">*</font></div> </div> </body></html>

name in japenese

  <HEAD> <SCRIPT LANGUAGE="JavaScript">  </script> </HEAD>  <BODY> <center> <form> Your Name: <input type=text name="personname" size=15> <input type=button value="Show Japanese Name!" onClick="toJapanese(this.form.personname.value);"> </form> </center>

fly on page

<SCRIPT LANGUAGE="JavaScript">          /* Fly: this code provides some facilities to show a fly moving on the screen. The fly does not actually follow the mouse, but a "Dot" (not shown!). It was changed. ------------------------------------------------ */ (document.layers)?window.captureEvents(Event.MOUSEMOVE):0; (document.layers)?window.onMouseMove=getMousePosition:document.onmousemove=getMousePosition; var Dot_Ro=60; //Dot's distance from the mouse pointer var Dot_Theta=0; //Dot's initial angle var Dot_Speed; //Dot's absolute Angular speed var Dot_Direction=1; //Dot's direction (1=clockwise) var Dot_x=0; //Dot's original position var Dot_y=0; var alpha; //Angle from the fly to the mouse var mult; //Ausiliary variable to define the angle var picX = 20; //Fly's coords. var picY = 100; var mouseX = 0; //Mouse coords. var mouseY = 0; var step = 10; //Pixels var speed = 100;//u-seconds // Dir specifies the right picture; // img pre-caches images. var dir = Array(); dir[-4]="http://members.aol.com/trixiegirl591003/fly/fly3.gif"; dir[-1]="http://members.aol.com/trixiegirl591003/fly/fly6.gif"; dir[-2]="http://members.aol.com/trixiegirl591003/fly/fly5.gif"; dir[-3]="http://members.aol.com/trixiegirl591003/fly/fly4.gif"; dir[3]="http://members.aol.com/trixiegirl591003/fly/fly8.gif"; dir[4]="http://members.aol.com/trixiegirl591003/fly/fly7.gif"; dir[1]="http://members.aol.com/trixiegirl591003/fly/fly2.gif"; dir[2]="http://members.aol.com/trixiegirl591003/fly/fly1.gif"; dir[0]="http://members.aol.com/trixiegirl591003/fly/fly8.gif"; var img = Array(); for (var i=-4; i<5; i++){ img[i]=new Image(); img[i].src= dir[i]; } // Some HTML code to show the fly. if (document.layers) { document.write("<LAYER NAME='FlyDiv' LEFT=0 TOP=0><img src="+img[1].src+" name='pic'></LAYER>"); }else { document.write("<div id='FlyDiv' style='position:absolute'>"); document.write("<img id='pic' src=" + img[1].src + "></div>"); } // Shows the proper image for the fly. function display(direction) { //direction must be from -4 to 4, but not 0. if (document.layers) { document.pic.src = img[direction].src; } if(document.all){ pic.src = img[direction].src; } if(document.getElementById){ document.getElementById('pic').src = img[direction].src; } } function getMousePosition(e) { mouseY=getMouseYPos(e); mouseX=getMouseXPos(e); } function getMouseXPos(e) { if (document.layers||document.getElementById&&!document.all) { return parseInt(e.pageX+10) } else { return (parseInt(event.clientX+10) + parseInt(document.body.scrollLeft)) } } // Get the vertical position of the mouse function getMouseYPos(e) { if (document.layers||document.getElementById&&!document.all) { return parseInt(e.pageY) } else { return (parseInt(event.clientY) + parseInt(document.body.scrollTop)) } } //Calculate new position function calcNewPos() { /* All this calculations make the Dot to come near the mouse-pointer, and the fly to follow the dot. */ var dist=Math.sqrt(Math.pow(mouseY-picY,2) + Math.pow(mouseX-picX,2)); Dot_Speed=Math.PI/15; Dot_Theta+=Dot_Direction*Dot_Speed; Dot_x=mouseX+Dot_Ro*Math.cos(Dot_Theta); Dot_y=mouseY+Dot_Ro*Math.sin(Dot_Theta); var arg = (Dot_y-picY) / (Dot_x-picX); mult = (Dot_x - picX < 0)? mult = -1:1; alpha = Math.atan(arg); var dx = mult * step * Math.cos(alpha); var dy = mult * step * Math.sin(alpha); picX += dx; picY += dy; } //Shows or hides the fly when the "button" is pressed function showhideAnimation() { if (document.layers) { document.layers['FlyDiv'].visibility=document.layers['FlyDiv'].visibility=="hide"?"show":"hide"; document.Button.src = document.layers['FlyDiv'].visibility=="hide"?button[1].src:button[0].src; }else { document.getElementById('FlyDiv').style.visibility=="hidden"?document.getElementById('FlyDiv').style.visibility = "visible":document.getElementById('FlyDiv').style.visibility = "hidden"; document.getElementById('Button').src = document.getElementById('FlyDiv').style.visibility=="hidden"?button[1].src:button[0].src; } } // Moves the fly around the screen function moveFly() { // moves the fly in a new position... calcNewPos(); if (document.layers) { document.layers['FlyDiv'].left = picX; document.layers['FlyDiv'].top = picY; } if (document.all) { FlyDiv.style.left = picX - pic.width / 2; FlyDiv.style.top = picY - pic.height / 2; } if (document.getElementById&&!document.all) { document.getElementById('FlyDiv').style.left = picX - document.getElementById('pic').style.width / 2; document.getElementById('FlyDiv').style.top = picY - document.getElementById('pic').style.height / 2; } // ... and changes the image. alpha=-180*alpha/Math.PI; alpha+=22.5; var OK=0; for(var i=0; (i<4)&& !OK; i++){ if (alpha<-Math.PI+45*i){ display(mult*(i+1)); OK=1; } } } // Changes Dot's turning direction function ChangeDotDirection() { Dot_Direction=-Dot_Direction; Dot_Theta+=Math.PI; } //Go! setInterval('moveFly()', speed); setInterval('ChangeDotDirection()', speed*50); </script>

floating hearts

<script language="JavaScript1.2">  </script>

eyes that follow mouse

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

color trail on page

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

changing direction cursor

<HEAD> <SCRIPT LANGUAGE="JavaScript">  </script>

dissolve on page exit

<meta http-equiv="Page-Exit" content="revealTrans(Duration=3.0,Transition=12)">

smiley face cursor

<! --I also have these for you to choose from spongebob.cur, arrowrwb.cur, smiley.cur, arrowred.cur, globe.cur, handgreen.cur, handrwb.cur,and mousemouse.cur. Just substitute any of those for flower.cur and see what you get. --!> <style>  </style>

page fades into view

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

magic wand mouse effect

<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>

star fireworks

<html xmlns:v="urn:schemas-microsoft-com:vml"> <head> <title>Fireworks</title>   </head> <body bgcolor="black">   </body> </html>

fairy cursor

<script>  </script>

rainbow stars follow mouse

<script LANGUAGE="JavaScript">  </script>

colored scroll bar

 <STYLE TYPE="text/css"></STYLE>

frame

<script language="JavaScript1.2"> /* Document frame Script- © Dynamic Drive (www.dynamicdrive.com) For full source code, installation instructions, 100's more free DHTML scripts, and Terms Of Use, visit dynamicdrive.com */ if (document.all) document.body.style.cssText="border:20 groove blue" </script>

blue star mouse trailer

<script>  </script>

fixed background

<body background="IMAGE URL"bgproperties="fixed">

geocites ad killer

<noembed>

color drop down menu

<form> <select name=menu size="1" onchange="location.href=(form.menu.options[form.menu.selectedIndex].value)" style="font-family: FONT" style="border: outset" style="font-size: SIZE"> <option value="0" style="background-color:black;color:red">MENU NAME</option> <option value="0" style="background-color:black;color:red">LINK NAME</option> <option value="URL" style="background-color:black;color:red">LINK NAME</option> <option value="URL" style="background-color:black;color:red">LINK NAME</option> <option value="URL" style=background-color:black;color:red">LINK NAME</option> </select> </form>

drop down menu

<select ONCHANGE="go(this);" size="1"> <option value="http://YOUR URL HERE.HTML"> DROP DOWN MENU </option> <option value="http://YOUR URL HERE.HTML">LINK</option> <option value="http://YOUR URL HERE.HTML">LINK</option> <option value="http://YOUR URL HERE.HTML">LINK</option> <option value="http://YOUR URL HERE.HTML">LINK</option> </select> <script language="javascript"> </script>

scroll bar flashing 3 colors

<script> // (C) 2000 by CodeLifter.com // http://www.codelifter.com // Free for all users, but leave in this header // blink speed in miliseconds var rate = 333; // true to start automatically, else false var DoIt = true // the three blink colors var Color1 = "#FF33cc" var Color2 = "#ff00ff" var Color3 = "#cc33ff" // the color if/when turned off var ColorX = "#000000" var i = 0; function doTriStateRainbow(){ if (document.all){ if (DoIt){ i++; if (i==1) C = Color1 if (i==2) C = Color2 if (i==3) C = Color3 document.body.style.scrollbarBaseColor = C if (i>2) i=0; timer=setTimeout('doTriStateRainbow()', rate) }else{ document.body.style.scrollbarBaseColor = ColorX } } } </script>  <body onload="doTriStateRainbow()">  <a href="#" onClick="DoIt=false">Off</a> <a href="#" onClick="DoIt=true;doTriStateRainbow()">On</a>

email link

<a href="mailto:EMAIL ADDRESS HERE"> TEXT HERE</a>

tripod ad killer

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

basic link

<a href=URL HERE> NAME OF LINK</a>

angelfire ad killer

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

dotted line around link

<STYLE type="text/css"></STYLE>

grey link button

<FORM METHOD="NAME OF BUTTON" ACTION="URL HERE"> <INPUT TYPE="submit" VALUE="MESSAGE HERE"></FORM>

mouse over link

<a href=" "onmouseover="parent.location=' URL HERE'"> TEXT HERE </a>

email link subject

<a href="mailto:EMAIL ADRESS HERE subject=SUBJECT HERE"> TEXT HERE </a>

colorful link button

<p align=center><FORM METHOD="link" ACTION="URL HERE"> <INPUT TYPE="submit" VALUE="TEXT HERE" style="font-family:ARIAL" style="border style:solid" style="background:white" style="color:blue"> </FORM>

mouse over link

<p align=center><style> </style>

im me

<a href="aol://9293:PUT UR SCREEN NAME HERE"> PUT UR MESSAGE HERE </a><br>

hover over link

<style type="text/css"></style>

bordered link 1

<p align="center"><a href="http://your link here.html" style="background-color: blue; color:orange; border-style: double; border-color: white">text here</a></p>

colorful email button

<FORM METHOD="link" ACTION="mailto:EMAIL HERE"> <INPUT TYPE="submit" VALUE="TEXT HERE" style="font-family:ARIAL" style="border style:SOLID" style="background:BLACK" style="color:BLUE"> </FORM>

glowing link

<p align=center><table style="filter:glow(color:RED)"><tr><td><font><center><br> <font size="2"><br><a href="URL HERE">glowing link</a></font></center></font></td></tr></table>

bordered link

<p align="center"><font face="arial" size="3"><b><a style="border: 2 solid red" href="http://your link here.html">TEXT HERE </a>

link with pop up message

<a style="color: YELLOW; font-family: Arial ; font-size: 8pt; font-style: italic; font-weight: bold" title="MESSAGE FROM MOUSE" href="http://yoururlhere.html"> NAME OF LINK</a>

link menu

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <style type="text/css"> /* This Code Free To Use As Long As These Lines Remain */ /* CSS Widget Menu */ /* Created by Chris Poole <http://www.chrispoole.com> */ /* Featured at DesignerWiz.com <http://www.DesignerWiz.com> */ /* Development Resource & JavaScript Public Archive Center */ #links { padding: 0; margin: 0; position: absolute; text-align : left; width: 80px; background : transparent; } #links ul { list-style : none outside; padding: 0; margin: 0; background :#ff99ff; color: #000; border-style: solid; border-color: #0000ff; border-width: 1px 1px 0px 1px; font: 10px/15px verdana, helvetica, sans-serif; } #links ul li { padding: 0; margin: 0; border: none; } #links ul li a { display: block; padding: 4px 6px; margin: 0; background : #cc33ff; color: #000; border-bottom : 1px #5984D4 solid; border-top : 1px #6B9FFF solid; width: 80px; text-decoration: none; } html>body #links ul li a { width: 66px; } #links ul li a:hover { background : #ff33cc; color: #000; border-bottom: 1px #BDBF3F solid; border-top : 1px #F0F250 solid; text-decoration: none; } </style> <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <div id="links"> <ul> <li><a href="#">link</a> <li><a href="#">link</a> <li><a href="#">link</a> <li><a href="#">link</a> <li><a href="#">link</a> <li><a href="#">link</a> </ul> </div>

aim add buddy

<A HREF="aim:addbuddy?screenname=UserName">Add Buddy</A>

link with background

<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/sharinahart/animpinksparkles.gif')" title="Hey" href="http://yoururlhere.html">My Link with background</a>

basic marquee

<marquee>TEXT HERE</marquee>

rainbow link

<script src="http://members.aol.com/pocketfullofposi/rainbow.js"> /* Rainbow Links Script- TAKANASHI Mizuki For full source code, 100's more DHTML scripts, and TOS, Visit http://www.dynamicdrive.com */ </script>

view my profile

<a href="aol://4951:req=favpl&sn=screennamegoeshere&email=&dsn=&dsf=0/">view my profile</a>

mouse rollover link

 <style fprolloverstyle>A:hover {color: red; font-size: 12pt; font-family: arial; font-style: italic; font-weight: bold} </style>

color marquee

<marquee behavior=alternate>YOUR TEXT HERE</marquee>

different direction color marquees

<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>

bouncy marquee

<marquee behavior=alternate>YOUR TEXT HERE</marquee>

marquee wit bg color

<p align=center><marquee bgcolor=blue>YOUR TEXT HERE</marquee>

marquee with border n pic

<marquee width="50%" height="20" bgcolor="black" style="color: white; font-family: Arial; font-size: 12pt; font-style: italic; border: 3px solid pink">text here<img border="0" src="url of image" width="48" height="42"></marquee>

underlined marquee

<marquee width="50%" height="20" behavior="alternate" style="color: RED; font-family: ARIAL; font-size: 14pt; text-decoration: overline underline; font-style: italic; font-weight: bold; border: 3px dotted YELLOW" bgcolor="GREEN">TEXT HERE</marquee></p>

colored table

<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>

marquee with border

<marquee style="color: blue; font-size: 12pt; font-family: Arial ; font-style: italic; border: 4px double white; background-color: #000000" width="50%" height="20">text here</marquee>

snake waving marquee

<marquee style="FILTER: wave(add=20, phase=2,freq=2, strength=55)" scrollAmount="3" scrollDelay="10" direction="up" width="25%"><CENTER><FONT face="pristina" color=red size=5>i<BR>t<BR>a<BR>l<BR>i<BR>a<BR>n<BR>a<BR>g<BR>i<BR>n<BR>a</FONT></CENTER></marquee>

cool sport news marquee

<script language="javascript"> //"L.E.D. Panel" Script by Richard Maloney © 2002 //For Custom effects, email Richard (ottawo@rogers.com) //____________________CONFIGURATION AREA_____________________ // THIS LED SCRIPT TAKES UP 200 pixels HORIZONTAL and 28 pixels VERTICAL -Have Fun :-) // YOUR MESSAGE GOES ON NEXT 4 LINES DOWN. // ALLOWABLE CHARACTERS ARE: A-Z, Period, space, comma, numerals, question mark and 'message codes'. // THE 4 MESSAGE CODES: // @=PAUSE FOR 3 SECONDS, #=FLASH FOR 3 SECONDS, ^=SCROLL UP EFFECT, _=SUN EFFECT, $=SPLIT EFFECT //EXAMPLE: var message="_ Dynamic^^ Drive! # For the best dhtml scripts... www.dynamic.drive.com "; var message="whatever goes here^$^ :-) ENJOY!... _"; var LEDonColor='Red'; //color of the LEDs when they are on var LEDoffColor='#7D0605'; //color of the LEDs when they are off startXPos=50; //start of horizontal position eg. startXPos=20; places the leds 20 pixels from left startYPos=30; //start of vertical position //____________________END CONFIGURATION AREA__________________ var IE=(document.all) ? true:false; var NS=(document.layers) ? true:false; var W3C=((document.getElementById) && (!IE)) ? true:false; var d=document; if (window.offscreenBuffering) window.offscreenBuffering = true; function getCSS(id) { if (IE) return d.all[id] //IE else if (NS) return d.layers[id] //NS4 else return d.getElementById(id)//W3C } var alphabet=new Array(44); alphabet[0]=new Array("0111111","1001000","1001000","1001000","0111111"); alphabet[1]=new Array("1111111","1001001","1001001","1001001","0110110");//B alphabet[2]=new Array("0111110","1000001","1000001","1000001","0100010"); alphabet[3]=new Array("1111111","1000001","1000001","1000001","0111110");//D alphabet[4]=new Array("1111111","1001001","1001001","1001001"); alphabet[5]=new Array("1111111","1001000","1001000","1001000");//F alphabet[6]=new Array("0111110","1000001","1000001","1001001","0101110"); alphabet[7]=new Array("1111111","0001000","0001000","0001000","1111111");//H alphabet[8]=new Array("1000001","1111111","1000001"); alphabet[9]=new Array("0000110","0000001","0000001","0000001","1111110");//J alphabet[10]=new Array("1111111","0001000","0010100","0100010","1000001"); alphabet[11]=new Array("1111111","0000001","0000001","0000001");//L alphabet[12]=new Array("1111111","0010000","0001000","0010000","1111111"); alphabet[13]=new Array("1111111","0010000","0001000","0000100","1111111");//N alphabet[14]=new Array("0111110","1000001","1000001","1000001","0111110"); alphabet[15]=new Array("1111111","1001000","1001000","1001000","0110000");//P alphabet[16]=new Array("0111110","1000001","1000001","1000011","0111111"); alphabet[17]=new Array("1111111","1001000","1001100","1001010","0110001");//R alphabet[18]=new Array("0110010","1001001","1001001","1001001","0100110"); alphabet[19]=new Array("1000000","1000000","1111111","1000000","1000000");//T alphabet[20]=new Array("1111110","0000001","0000001","0000001","1111110"); alphabet[21]=new Array("1110000","0001100","0000011","0001100","1110000");//V alphabet[22]=new Array("1111110","0000001","0000010","0001100","0000010","0000001","1111110"); alphabet[23]=new Array("1100011","0010100","0001000","0010100","1100011");//X alphabet[24]=new Array("1100000","0010000","0001111","0010000","1100000"); alphabet[25]=new Array("1000011","1000101","1001001","1010001","1100001");//Z alphabet[26]=new Array("0000000","0000000","0000000","0000000"); alphabet[27]=new Array("0000000","0000001","0000000","0000000","0000000");//PERIOD alphabet[28]=new Array("0000000","0000000","1111101","0000000","0000000");//! alphabet[29]=new Array("0100001","1111111","0000001"); alphabet[30]=new Array("0100011","1000101","1001001","1001001","0110001");//2 alphabet[31]=new Array("0100010","1001001","1001001","1001001","0110110"); alphabet[32]=new Array("0001000","0011000","0101000","1111111","0001000");//4 alphabet[33]=new Array("1111001","1001001","1001001","1001001","1000110"); alphabet[34]=new Array("0111110","1001001","1001001","1001001","0100110");//6 alphabet[35]=new Array("1000011","1000100","1001000","1110000"); alphabet[36]=new Array("0110110","1001001","1001001","1001001","0110110");//8 alphabet[37]=new Array("0110010","1001001","1001001","1001001","0111110"); alphabet[38]=new Array("0000001","0000010","0000000");//COMMA alphabet[39]=new Array("XXXXXXX");//PAUSE ( @ ) alphabet[40]=new Array("YYYYYYY");//FLASH ( # ) alphabet[41]=new Array("DDDDDDD");//SCROLL UP EFFECT ( ^ ) alphabet[42]=new Array("SSSSSSS");//SUN EFFECT ( _ ) alphabet[43]=new Array("0100000","1000000","1001101","1001000","0110000");//? alphabet[44]=new Array("QQQQQQQ");//SPLIT EFFECT ( $ ) message=message.toUpperCase(); //make message uppercase var messageArray=new Array(); //make messageArray-an array of the letters in the message var columnCount=0; //variable to count columns in messageArray.length for (i=0; i<message.length; i++){ //iterate through the characters in the message letterNum=message.charCodeAt(i); //assign proper letter code (alphabet array) if ((letterNum>=65) && (letterNum<=90)) temp=letterNum-65; //letters else if (letterNum==46) temp=27; //. else if (letterNum==32) temp=26; //space else if (letterNum==33) temp=28; //! else if ((letterNum>=49) && (letterNum<=57)) temp=letterNum-20; //[1-9] else if (letterNum==48) temp=14; //zero else if (letterNum==63) temp=43; //? else if (letterNum==44) temp=38; //, else if (letterNum==64) temp=39; //pause else if (letterNum==35) temp=40; //flash effect else if (letterNum==94) temp=41; //scroll up effect else if (letterNum==95) temp=42; //sunrise effect else if (letterNum==36) temp=44; //split effect else continue; for (ii=0; ii<alphabet[temp].length;ii++){ messageArray[columnCount]=alphabet[temp][ii];columnCount++;} if ((temp!=39) && (temp!=40) && (temp!=41)) {messageArray[columnCount]="0000000";columnCount++;} } //make 'led screen' with block 0-49 on row 1, block 50-99 on row 2, block 100-149 on row 3, etc.. var b=''; for (var i=0; i<350; i++){//columns 50 columns x 7 rows rowPos=0+3*(i>49)+3*(i>99)+3*(i>149)+3*(i>199)+3*(i>249)+3*(i>299); colPos=0+150*(i>49)+150*(i>99)+150*(i>149)+150*(i>199)+150*(i>249)+150*(i>299); b+= (NS) ? '<LAYER NAME="block' + i + '" LEFT="' + (startXPos+i*3-colPos) + '" TOP="' + (startYPos+rowPos) + '" VISIBILITY="show" WIDTH="2" HEIGHT="2" BGCOLOR="' + LEDoffColor + '"></LAYER>' : '<div id="block' + i + '" style="position:absolute; left:' + (startXPos+i*3-colPos) + 'px; top:' + (startYPos+rowPos) + 'px; background-color:' + LEDoffColor +'; height: 2px; width: 2px;font-size:2px;"></div>'; } document.write(b); var columnCounter=0; //keep track of postion of messageArray var bb=new Array(); //store particular LED's dom element here if (NS) { for (var i=0; i<350; i++) { bb[i]=getCSS("block"+i)}} else {for (var i=0; i<350; i++){ bb[i]=getCSS("block"+i).style;}} var isOn=new Array();for (var i=0; i<350; i++){ isOn[i]=0;} //keep track on on/off status of particular LED onArray=new Array(); var onCount=0; //array size counter function scroll(){ onCount=0; if (NS) { for (var i=0; i<301; i+=50){ if (isOn[i]==1) { bb[i].bgColor=LEDoffColor; isOn[i]=0;} for (var ii=1; ii<50; ii+=7){ temp=i+ii;temp1=temp+1;temp2=temp+2;temp3=temp+3;temp4=temp+4;temp5=temp+5;temp6=temp+6; if (isOn[temp]==1) {bb[temp].bgColor=LEDoffColor; isOn[temp]=0; bb[temp-1].bgColor=LEDonColor; isOn[temp-1]=1;} if (isOn[temp1]==1) {bb[temp1].bgColor=LEDoffColor; isOn[temp1]=0; bb[temp].bgColor=LEDonColor; isOn[temp]=1;} if (isOn[temp2]==1) {bb[temp2].bgColor=LEDoffColor; isOn[temp2]=0; bb[temp+1].bgColor=LEDonColor; isOn[temp+1]=1;} if (isOn[temp3]==1) {bb[temp3].bgColor=LEDoffColor; isOn[temp3]=0; bb[temp2].bgColor=LEDonColor; isOn[temp2]=1;} if (isOn[temp4]==1) {bb[temp4].bgColor=LEDoffColor; isOn[temp4]=0; bb[temp3].bgColor=LEDonColor; isOn[temp3]=1;} if (isOn[temp5]==1) {bb[temp5].bgColor=LEDoffColor; isOn[temp5]=0; bb[temp4].bgColor=LEDonColor; isOn[temp4]=1;} if (isOn[temp6]==1) {bb[temp6].bgColor=LEDoffColor; isOn[temp6]=0; bb[temp5].bgColor=LEDonColor; isOn[temp5]=1;} }}} else { for (var i=0; i<301; i+=50){ if (isOn[i]==1) { bb[i].backgroundColor=LEDoffColor; isOn[i]=0;} for (var ii=1; ii<50; ii+=7){ temp=i+ii;temp1=temp+1;temp2=temp+2;temp3=temp+3;temp4=temp+4;temp5=temp+5;temp6=temp+6; if (isOn[temp]==1) {bb[temp].backgroundColor=LEDoffColor; isOn[temp]=0; bb[temp-1].backgroundColor=LEDonColor; isOn[temp-1]=1;} if (isOn[temp1]==1) {bb[temp1].backgroundColor=LEDoffColor; isOn[temp1]=0; bb[temp].backgroundColor=LEDonColor; isOn[temp]=1;} if (isOn[temp2]==1) {bb[temp2].backgroundColor=LEDoffColor; isOn[temp2]=0; bb[temp+1].backgroundColor=LEDonColor; isOn[temp+1]=1;} if (isOn[temp3]==1) {bb[temp3].backgroundColor=LEDoffColor; isOn[temp3]=0; bb[temp2].backgroundColor=LEDonColor; isOn[temp2]=1;} if (isOn[temp4]==1) {bb[temp4].backgroundColor=LEDoffColor; isOn[temp4]=0; bb[temp3].backgroundColor=LEDonColor; isOn[temp3]=1;} if (isOn[temp5]==1) {bb[temp5].backgroundColor=LEDoffColor; isOn[temp5]=0; bb[temp4].backgroundColor=LEDonColor; isOn[temp4]=1;} if (isOn[temp6]==1) {bb[temp6].backgroundColor=LEDoffColor; isOn[temp6]=0; bb[temp5].backgroundColor=LEDonColor; isOn[temp5]=1;} }}} temp=messageArray[columnCounter]; flag=temp.charAt(0);//GET NEW COLUMN if (temp.charAt(1)=="1") {isOn[99]=1;} if (temp.charAt(2)=="1") {isOn[149]=1} if (temp.charAt(3)=="1") {isOn[199]=1} if (temp.charAt(4)=="1") {isOn[249]=1} if (temp.charAt(5)=="1") {isOn[299]=1} if (temp.charAt(6)=="1") {isOn[349]=1} if (flag=="0") {} else if (flag=="1") {isOn[49]=1;} else if (flag=="X") {pauseScroll();} else if (flag=="Y") {flashScroll();} else if (flag=="D") {dropEffect();} else if (flag=="S") {sunRiseEffect();} else if (flag=="Q") {splitEffect();} columnCounter++; if(columnCounter==columnCount) columnCounter=0; } //______________pause effect________________ function pauseScroll(){ clearInterval(loop); setTimeout("LEDinit()",3000);} //______________onArray Section_____________ onArray=new Array(); var onCount=0; //array size counter function makeOnArray(){ clearInterval(loop); onCount=0; for (var i=0; i<700; i++){if (isOn[i]==1) {onArray[onCount]=i; onCount++;};}//make onArray of 'on' LEDS }//_________________________________ //_______________flash effect_______________ var flashCount=0; function flashScroll(){ makeOnArray(); flashCount=0; if (NS) {setTimeout("flashItNS()",250);} else {setTimeout("flashIt()",250);}} function flashItNS(){ flashCount++; if (flashCount<14) { if (flashCount % 2 == 0){ for (var i=0; i<onCount; i++){ isOn[onArray[i]]=0;bb[onArray[i]].bgColor=LEDoffColor;}} else {for (var i=0; i<onCount; i++){isOn[onArray[i]]=1;bb[onArray[i]].bgColor=LEDonColor;}} setTimeout("flashItNS()",250); } else {flashCount=0; setTimeout("LEDinit()",250);} } function flashIt(){ flashCount++; if (flashCount<14) { if (flashCount % 2 == 0){ for (var i=0; i<onCount; i++){ isOn[onArray[i]]=0;bb[onArray[i]].backgroundColor=LEDoffColor;}} else {for (var i=0; i<onCount; i++){isOn[onArray[i]]=1;bb[onArray[i]].backgroundColor=LEDonColor;}} setTimeout("flashIt()",250); } else {flashCount=0; setTimeout("LEDinit()",250);} }//_________________________________ //____________scroll up effect______________ dropArray=new Array(); function dropEffect(){makeOnArray(); for (var i=0; i<onCount; i++){ dropArray[i]=onArray[i]; } if (NS) {dropItNS();} else {dropIt();}} var dropCount=0; function dropItNS(){ if (dropCount<7){for (var i=0; i<onCount; i++){ bb[dropArray[i]].bgColor=LEDoffColor; } for (var i=0; i<onCount; i++){ temp=dropArray[i]; temp-=50;if (temp<0) temp+=350;bb[temp].bgColor=LEDonColor; dropArray[i]=temp;} dropCount++; setTimeout("dropItNS()",100); } else {dropCount=0;setTimeout("LEDinit()",100);} }//_________________________________ function dropIt(){ if (dropCount<7){ for (var i=0; i<onCount; i++){ bb[dropArray[i]].backgroundColor=LEDoffColor; } for (var i=0; i<onCount; i++){ temp=dropArray[i]; temp-=50; if (temp<0) temp+=350; bb[temp].backgroundColor=LEDonColor; dropArray[i]=temp;} dropCount++; setTimeout("dropIt()",100); } else {dropCount=0;setTimeout("LEDinit()",100);} }//_________________________________ //____________sunrise effect________________ sunRiseCounter=0;sunRiseArray=new Array(); sunRiseArray[0]=new Array(50,101,102,103,154,155,156,207,208,259,260,261,212,163,164,115,116,117,168,169,170,221,222,223,274,275,276,227,228,179,180,131,132,83,134,135,186,187,238,239,240,241,292,293,344,295,296,247,198);//Hills sunRiseArray[1]=new Array(224,225,226); sunRiseArray[2]=new Array(174,175,176,177); sunRiseArray[3]=new Array(173,124,125,126,127,128,178); sunRiseArray[4]=new Array(172,123,74,75,76,77,129); sunRiseArray[5]=new Array(171,122,73,24,25,26,27,78,79,130); function sunRiseEffect() { makeOnArray(); for (var i=0; i<onCount; i++){ isOn[onArray[i]]=0; if (!NS) {bb[onArray[i]].backgroundColor=LEDoffColor;} else {bb[onArray[i]].bgColor=LEDoffColor;}} setTimeout("riseEffectUp()",1000);} function riseEffectUp() { if (!NS) { for (var ii=0; ii<sunRiseArray[sunRiseCounter].length; ii++) {isOn[sunRiseArray[sunRiseCounter][ii]]=1;bb[sunRiseArray[sunRiseCounter][ii]].backgroundColor=LEDonColor;}} else {for (var ii=0; ii<sunRiseArray[sunRiseCounter].length; ii++) {isOn[sunRiseArray[sunRiseCounter][ii]]=1;bb[sunRiseArray[sunRiseCounter][ii]].bgColor=LEDonColor;}} sunRiseCounter++; if (sunRiseCounter>5) {sunRiseCounter=5;setTimeout("riseEffectDown()",2000);} else {setTimeout("riseEffectUp()",250);}} function riseEffectDown() { if (!NS) {for (var ii=0; ii<sunRiseArray[sunRiseCounter].length; ii++) {isOn[sunRiseArray[sunRiseCounter][ii]]=0;bb[sunRiseArray[sunRiseCounter][ii]].backgroundColor=LEDoffColor;}} else {for (var ii=0; ii<sunRiseArray[sunRiseCounter].length; ii++) {isOn[sunRiseArray[sunRiseCounter][ii]]=0;bb[sunRiseArray[sunRiseCounter][ii]].bgColor=LEDoffColor;}} sunRiseCounter--; if (sunRiseCounter<1) {sunRiseCounter=0;setTimeout("LEDinit()",1500);} else {setTimeout("riseEffectDown()",250);} }//____________________________________ //____________split scroll effect___________ var splitCount=0; function splitEffect() { makeOnArray(); for (var i=0; i<onCount; i++) { dropArray[i]=onArray[i]; } if (NS) {setTimeout("splitNS()",55);} else if (IE) {setTimeout("splitIt()",55);} else {setTimeout("splitIt()",100);} } function splitIt(){ for (i=0;i<onCount;i++){ temp=dropArray[i]; if (temp<150) { if (temp==100) {bb[temp].backgroundColor=LEDoffColor; temp=149; bb[temp-1].backgroundColor=LEDonColor;} else if (temp==50) {bb[temp].backgroundColor=LEDoffColor; temp=99; bb[temp-1].backgroundColor=LEDonColor;} else if (temp==0) {bb[temp].backgroundColor=LEDoffColor; temp=49; bb[temp-1].backgroundColor=LEDonColor;} else {bb[temp].backgroundColor=LEDoffColor; bb[temp-1].backgroundColor=LEDonColor;} dropArray[i]=temp-1; } else { if (temp==199) {bb[temp].backgroundColor=LEDoffColor; temp=200; bb[temp+1].backgroundColor=LEDonColor;} else if (temp==349) {bb[temp].backgroundColor=LEDoffColor; temp=300; bb[temp+1].backgroundColor=LEDonColor;} else if (temp==299) {bb[temp].backgroundColor=LEDoffColor; temp=250; bb[temp+1].backgroundColor=LEDonColor;} else if (temp==249) {bb[temp].backgroundColor=LEDoffColor; temp=200; bb[temp+1].backgroundColor=LEDonColor;} else {bb[temp].backgroundColor=LEDoffColor; bb[temp+1].backgroundColor=LEDonColor;} dropArray[i]=temp+1; } } splitCount++; if (splitCount<49) {if (IE) {setTimeout("splitIt()",55);} else {setTimeout("splitIt()",100);} } else {splitCount=0; LEDinit();} } function splitNS(){ for (i=0;i<onCount;i++){ temp=dropArray[i]; if (temp<150) { if (temp==100) {bb[temp].bgColor=LEDoffColor; temp=149; bb[temp-1].bgColor=LEDonColor;} else if (temp==50) {bb[temp].bgColor=LEDoffColor; temp=99; bb[temp-1].bgColor=LEDonColor;} else if (temp==0) {bb[temp].bgColor=LEDoffColor; temp=49; bb[temp-1].bgColor=LEDonColor;} else {bb[temp].bgColor=LEDoffColor; bb[temp-1].bgColor=LEDonColor;} dropArray[i]=temp-1; } else { if (temp==199) {bb[temp].bgColor=LEDoffColor; temp=200; bb[temp+1].bgColor=LEDonColor;} else if (temp==349) {bb[temp].bgColor=LEDoffColor; temp=300; bb[temp+1].bgColor=LEDonColor;} else if (temp==299) {bb[temp].bgColor=LEDoffColor; temp=250; bb[temp+1].bgColor=LEDonColor;} else if (temp==249) {bb[temp].bgColor=LEDoffColor; temp=200; bb[temp+1].bgColor=LEDonColor;} else {bb[temp].bgColor=LEDoffColor; bb[temp+1].bgColor=LEDonColor;} dropArray[i]=temp+1; } } splitCount++; if (splitCount<49) {setTimeout("splitNS()",55);} else {splitCount=0; LEDinit();} }//___________________________________ function LEDinit(){if (NS) {loop=setInterval("scroll()",55);} else if (IE){loop=setInterval("scroll()",55);} else {loop=setInterval("scroll()",100);}} </script> <BODY onload="LEDinit()">

marquee with border n bg

<marquee width="100%" height="30" behavior="alternate" style="color: white; font-size: 14pt; font-family: arial; font-style: italic; font-weight: bold; border: 4px solid white; background-image: url('http://members.aol.com/sharinahart/animpinksparkles.gif')" bgcolor="#000000">text goes here</marquee>

marquee with bg

<marquee style="font-size: 12pt; font-family: arial; text-decoration: blink; font-style: italic; font-weight: bold; color: blue; 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/sharinahart/animpinksparkles.gif'); background-repeat: repeat; background-attachment: scroll; background-position: center 50%; " bgcolor="#000000" width="100%" height="30">TEXT HERE</marquee>

roaming picture

<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>

clock in status bar

<script language="JavaScript"> function doClock() { window.setTimeout( "doClock()", 1000 ); today = new Date(); self.status = today.toString(); } doClock() </script>

diagonal marquee

<marquee width="100%" height="80" direction="down" style="color: red; font-family: arial; font-size: 12pt; letter-spacing: 6pt; vertical-align: middle; font-style: italic"><marquee direction="right">TEXT HERE</marquee>

big mouseover

<STYLE> .bigChange {color:#ff0000; font-weight:bolder; font-size:175%; letter-spacing:4px; text-transform: uppercase; background:#000000} .start {color:#ff00ff; background:#ffffff} </STYLE> <SCRIPT LANGUAGE=JAVASCRIPT> function highlightButton(s) { if ("INPUT"==event.srcElement.tagName) event.srcElement.className=s } </SCRIPT> <P> <SPAN onmouseover = "this.className = 'bigChange'" onmouseout = "this.className='start'" class=start>Your text here</SPAN> </p>

calender

<BODY> <SCRIPT LANGUAGE="JavaScript">  </script>

clock

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

clock button

<BODY> <SCRIPT LANGUAGE="JavaScript">      </SCRIPT>

tic tac toe

<SCRIPT> /* Code Written by Cory Fogliani (Email: cory@ijustdontcare.com) Testers: Cory Fogliani, Chris Gordon Featured on JavaScript Kit (http://javascriptkit.com) For this and over 400+ free scripts, visit http://javascriptkit.com */ //if IE4/NS6, apply style if (document.all||document.getElementById){ document.write('<style>.tictac{') document.write('width:50px;height:50px;') document.write('}</style>') } var sqr1 var sqr2 var sqr3 var sqr4 var sqr5 var sqr6 var sqr7 var sqr8 var sqr9 var sqr1T = 0 var sqr2T = 0 var sqr3T = 0 var sqr4T = 0 var sqr5T = 0 var sqr6T = 0 var sqr7T = 0 var sqr8T = 0 var sqr9T = 0 var moveCount = 0 var turn = 0 var mode = 1 function vari() { sqr1 = document.tic.sqr1.value sqr2 = document.tic.sqr2.value sqr3 = document.tic.sqr3.value sqr4 = document.tic.sqr4.value sqr5 = document.tic.sqr5.value sqr6 = document.tic.sqr6.value sqr7 = document.tic.sqr7.value sqr8 = document.tic.sqr8.value sqr9 = document.tic.sqr9.value } function check() { if(sqr1 == " X " && sqr2 == " X " && sqr3 == " X ") { alert("You Win!") reset() } else if(sqr4 == " X " && sqr5 == " X " && sqr6 == " X ") { alert("You Win!") reset() } else if(sqr7 == " X " && sqr8 == " X " && sqr9 == " X ") { alert("You Win!") reset() } else if(sqr1 == " X " && sqr5 == " X " && sqr9 == " X ") { alert("You Win!") reset() } else if(sqr1 == " X " && sqr4 == " X " && sqr7 == " X ") { alert("You Win!") reset() } else if(sqr2 == " X " && sqr5 == " X " && sqr8 == " X ") { alert("You Win!") reset() } else if(sqr3 == " X " && sqr6 == " X " && sqr9 == " X ") { alert("You Win!") reset() } else if(sqr1 == " X " && sqr5 == " X " && sqr9 == " X ") { alert("You Win!") reset() } else if(sqr3 == " X " && sqr5 == " X " && sqr7 == " X ") { alert("You Win!") reset() } else { winCheck() check2() drawCheck() } } function check2() { vari() drawCheck() if(sqr1 == " O " && sqr2 == " O " && sqr3 == " O ") { alert("You Lose!") reset() } else if(sqr4 == " O " && sqr5 == " O " && sqr6 == " O ") { alert("You Lose!") reset() } else if(sqr7 == " O " && sqr8 == " O " && sqr9 == " O ") { alert("You Lose!") reset() } else if(sqr1 == " O " && sqr5 == " O " && sqr9 == " O ") { alert("You Lose!") reset() } else if(sqr1 == " O " && sqr4 == " O " && sqr7 == " O ") { alert("You Lose!") reset() } else if(sqr2 == " O " && sqr5 == " O " && sqr8 == " O ") { alert("You Lose!") reset() } else if(sqr3 == " O " && sqr6 == " O " && sqr9 == " O ") { alert("You Lose!") reset() } else if(sqr1 == " O " && sqr5 == " O " && sqr9 == " O ") { alert("You Lose!") reset() } else if(sqr3 == " O " && sqr5 == " O " && sqr7 == " O ") { alert("You Lose!") reset() } } function player1Check() { if(sqr1 == " X " && sqr2 == " X " && sqr3 == " X ") { alert("Player 1 wins!") reset() } else if(sqr4 == " X " && sqr5 == " X " && sqr6 == " X ") { alert("Player 1 wins!") reset() } else if(sqr7 == " X " && sqr8 == " X " && sqr9 == " X ") { alert("Player 1 wins!") reset() } else if(sqr1 == " X " && sqr5 == " X " && sqr9 == " X ") { alert("Player 1 wins!") reset() } else if(sqr1 == " X " && sqr4 == " X " && sqr7 == " X ") { alert("Player 1 wins!") reset() } else if(sqr2 == " X " && sqr5 == " X " && sqr8 == " X ") { alert("Player 1 wins!") reset() } else if(sqr3 == " X " && sqr6 == " X " && sqr9 == " X ") { alert("Player 1 wins!") reset() } else if(sqr1 == " X " && sqr5 == " X " && sqr9 == " X ") { alert("Player 1 wins!") reset() } else if(sqr3 == " X " && sqr5 == " X " && sqr7 == " X ") { alert("Player 1 wins!") reset() } else { player2Check() drawCheck() } } function player2Check() { vari() drawCheck() if(sqr1 == " O " && sqr2 == " O " && sqr3 == " O ") { alert("Player 2 wins!") reset() } else if(sqr4 == " O " && sqr5 == " O " && sqr6 == " O ") { alert("Player 2 wins!") reset() } else if(sqr7 == " O " && sqr8 == " O " && sqr9 == " O ") { alert("Player 2 wins!") reset() } else if(sqr1 == " O " && sqr5 == " O " && sqr9 == " O ") { alert("Player 2 wins!") reset() } else if(sqr1 == " O " && sqr4 == " O " && sqr7 == " O ") { alert("Player 2 wins!") reset() } else if(sqr2 == " O " && sqr5 == " O " && sqr8 == " O ") { alert("Player 2 wins!") reset() } else if(sqr3 == " O " && sqr6 == " O " && sqr9 == " O ") { alert("Player 2 wins!") reset() } else if(sqr1 == " O " && sqr5 == " O " && sqr9 == " O ") { alert("Player 2 wins!") reset() } else if(sqr3 == " O " && sqr5 == " O " && sqr7 == " O ") { alert("Player 2 wins!") reset() } } function drawCheck() { vari() moveCount = sqr1T + sqr2T + sqr3T + sqr4T + sqr5T + sqr6T + sqr7T + sqr8T + sqr9T if(moveCount == 9) { reset() alert("Draw") } } function winCheck() { check2() if(sqr1 == " O " && sqr2 == " O " && sqr3T == 0 && turn == 1) { document.tic.sqr3.value = " O " sqr3T = 1; turn = 0; } else if(sqr2 == " O " && sqr3 == " O " && sqr1T == 0 && turn == 1) { document.tic.sqr1.value = " O " sqr1T = 1; turn = 0; } else if(sqr4 == " O " && sqr5 == " O " && sqr6T == 0 && turn == 1) { document.tic.sqr6.value = " O " sqr6T = 1; turn = 0; } else if(sqr5 == " O " && sqr6 == " O " && sqr4T == 0 && turn == 1) { document.tic.sqr4.value = " O " sqr4T = 1; turn = 0; } else if(sqr7 == " O " && sqr8 == " O " && sqr9T == 0 && turn == 1) { document.tic.sqr9.value = " O " sqr9T = 1; turn = 0; } else if(sqr8 == " O " && sqr9 == " O " && sqr7T == 0 && turn == 1) { document.tic.sqr7.value = " O " sqr7T = 1; turn = 0; } else if(sqr1 == " O " && sqr5 == " O " && sqr9T == 0 && turn == 1) { document.tic.sqr9.value = " O " sqr9T = 1; turn = 0; } else if(sqr5 == " O " && sqr9 == " O " && sqr1T == 0 && turn == 1) { document.tic.sqr1.value = " O " sqr1T = 1; turn = 0; } else if(sqr3 == " O " && sqr5 == " O " && sqr7T == 0 && turn == 1) { document.tic.sqr7.value = " O " sqr7T = 1; turn = 0; } else if(sqr7 == " O " && sqr5 == " O " && sqr3T == 0 && turn == 1) { document.tic.sqr3.value = " O " sqr3T = 1; turn = 0; } else if(sqr1 == " O " && sqr3 == " O " && sqr2T == 0 && turn == 1) { document.tic.sqr2.value = " O " sqr2T = 1; turn = 0; } else if(sqr4 == " O " && sqr6 == " O " && sqr5T == 0 && turn == 1) { document.tic.sqr5.value = " O " sqr5T = 1; turn = 0; } else if(sqr7 == " O " && sqr9 == " O " && sqr8T == 0 && turn == 1) { document.tic.sqr8.value = " O " sqr8T = 1; turn = 0; } else if(sqr1 == " O " && sqr7 == " O " && sqr4T == 0 && turn == 1) { document.tic.sqr4.value = " O " sqr4T = 1; turn = 0; } else if(sqr2 == " O " && sqr8 == " O " && sqr5T == 0 && turn == 1) { document.tic.sqr5.value = " O " sqr5T = 1; turn = 0; } else if(sqr3 == " O " && sqr9 == " O " && sqr6T == 0 && turn == 1) { document.tic.sqr6.value = " O " sqr6T = 1; turn = 0; } else if(sqr1 == " O " && sqr5 == " O " && sqr9T == 0 && turn == 1) { document.tic.sqr9.value = " O " sqr9T = 1; turn = 0; } else if(sqr4 == " O " && sqr7 == " O " && sqr1T == 0 && turn == 1) { document.tic.sqr1.value = " O " sqr1T = 1; turn = 0; } else if(sqr5 == " O " && sqr8 == " O " && sqr2T == 0 && turn == 1) { document.tic.sqr2.value = " O " sqr2T = 1; turn = 0; } else if(sqr6 == " O " && sqr9 == " O " && sqr3T == 0 && turn == 1) { document.tic.sqr3.value = " O " sqr3T = 1; turn = 0; } else if(sqr1 == " O " && sqr4 == " O " && sqr7T == 0 && turn == 1) { document.tic.sqr7.value = " O " sqr7T = 1; turn = 0; } else if(sqr2 == " O " && sqr5 == " O " && sqr8T == 0 && turn == 1) { document.tic.sqr8.value = " O " sqr8T = 1; turn = 0; } else if(sqr3 == " O " && sqr6 == " O " && sqr9T == 0 && turn == 1) { document.tic.sqr9.value = " O " sqr9T = 1; turn = 0; } else if(sqr1 == " O " && sqr9 == " O " && sqr5T == 0 && turn == 1) { document.tic.sqr5.value = " O " sqr5T = 1; turn = 0; } else if(sqr3 == " O " && sqr7 == " O " && sqr5T == 0 && turn == 1) { document.tic.sqr5.value = " O " sqr5T = 1; turn = 0; } else { computer() } check2() } function computer() { check2() if(sqr1 == " X " && sqr2 == " X " && sqr3T == 0 && turn == 1) { document.tic.sqr3.value = " O " sqr3T = 1; turn = 0; } else if(sqr2 == " X " && sqr3 == " X " && sqr1T == 0 && turn == 1) { document.tic.sqr1.value = " O " sqr1T = 1; turn = 0; } else if(sqr4 == " X " && sqr5 == " X " && sqr6T == 0 && turn == 1) { document.tic.sqr6.value = " O " sqr6T = 1; turn = 0; } else if(sqr5 == " X " && sqr6 == " X " && sqr4T == 0 && turn == 1) { document.tic.sqr4.value = " O " sqr4T = 1; turn = 0; } else if(sqr7 == " X " && sqr8 == " X " && sqr9T == 0 && turn == 1) { document.tic.sqr9.value = " O " sqr9T = 1; turn = 0; } else if(sqr8 == " X " && sqr9 == " X " && sqr7T == 0 && turn == 1) { document.tic.sqr7.value = " O " sqr7T = 1; turn = 0; } else if(sqr1 == " X " && sqr5 == " X " && sqr9T == 0 && turn == 1) { document.tic.sqr9.value = " O " sqr9T = 1; turn = 0; } else if(sqr5 == " X " && sqr9 == " X " && sqr1T == 0 && turn == 1) { document.tic.sqr1.value = " O " sqr1T = 1; turn = 0; } else if(sqr3 == " X " && sqr5 == " X " && sqr7T == 0 && turn == 1) { document.tic.sqr7.value = " O " sqr7T = 1; turn = 0; } else if(sqr7 == " X " && sqr5 == " X " && sqr3T == 0 && turn == 1) { document.tic.sqr3.value = " O " sqr3T = 1; turn = 0; } else if(sqr1 == " X " && sqr3 == " X " && sqr2T == 0 && turn == 1) { document.tic.sqr2.value = " O " sqr2T = 1; turn = 0; } else if(sqr4 == " X " && sqr6 == " X " && sqr5T == 0 && turn == 1) { document.tic.sqr5.value = " O " sqr5T = 1; turn = 0; } else if(sqr7 == " X " && sqr9 == " X " && sqr8T == 0 && turn == 1) { document.tic.sqr8.value = " O " sqr8T = 1; turn = 0; } else if(sqr1 == " X " && sqr7 == " X " && sqr4T == 0 && turn == 1) { document.tic.sqr4.value = " O " sqr4T = 1; turn = 0; } else if(sqr2 == " X " && sqr8 == " X " && sqr5T == 0 && turn == 1) { document.tic.sqr5.value = " O " sqr5T = 1; turn = 0; } else if(sqr3 == " X " && sqr9 == " X " && sqr6T == 0 && turn == 1) { document.tic.sqr6.value = " O " sqr6T = 1; turn = 0; } else if(sqr1 == " X " && sqr5 == " X " && sqr9T == 0 && turn == 1) { document.tic.sqr9.value = " O " sqr9T = 1; turn = 0; } else if(sqr4 == " X " && sqr7 == " X " && sqr1T == 0 && turn == 1) { document.tic.sqr1.value = " O " sqr1T = 1; turn = 0; } else if(sqr5 == " X " && sqr8 == " X " && sqr2T == 0 && turn == 1) { document.tic.sqr2.value = " O " sqr2T = 1; turn = 0; } else if(sqr6 == " X " && sqr9 == " X " && sqr3T == 0 && turn == 1) { document.tic.sqr3.value = " O " sqr3T = 1; turn = 0; } else if(sqr1 == " X " && sqr4 == " X " && sqr7T == 0 && turn == 1) { document.tic.sqr7.value = " O " sqr7T = 1; turn = 0; } else if(sqr2 == " X " && sqr5 == " X " && sqr8T == 0 && turn == 1) { document.tic.sqr8.value = " O " sqr8T = 1; turn = 0; } else if(sqr3 == " X " && sqr6 == " X " && sqr9T == 0 && turn == 1) { document.tic.sqr9.value = " O " sqr9T = 1; turn = 0; } else if(sqr1 == " X " && sqr9 == " X " && sqr5T == 0 && turn == 1) { document.tic.sqr5.value = " O " sqr5T = 1; turn = 0; } else if(sqr3 == " X " && sqr7 == " X " && sqr5T == 0 && turn == 1) { document.tic.sqr5.value = " O " sqr5T = 1; turn = 0; } else { AI() } check2() } function AI() { vari() if(document.tic.sqr5.value == " " && turn == 1) { document.tic.sqr5.value = " O " turn = 0 sqr5T = 1 } else if(document.tic.sqr1.value == " " && turn == 1) { document.tic.sqr1.value = " O " turn = 0 sqr1T = 1 } else if(document.tic.sqr9.value == " " && turn == 1) { document.tic.sqr9.value = " O " turn = 0 sqr9T = 1 } else if(document.tic.sqr6.value == " " && turn == 1) { document.tic.sqr6.value = " O " turn = 0 sqr6T = 1 } else if(document.tic.sqr2.value == " " && turn == 1) { document.tic.sqr2.value = " O " turn = 0 sqr2T = 1 } else if(document.tic.sqr8.value == " " && turn == 1) { document.tic.sqr8.value = " O " turn = 0 sqr8T = 1 } else if(document.tic.sqr3.value == " " && turn == 1) { document.tic.sqr3.value = " O " turn = 0 sqr3T = 1 } else if(document.tic.sqr7.value == " " && turn == 1) { document.tic.sqr7.value = " O " turn = 0 sqr7T = 1 } else if(document.tic.sqr4.value == " " && turn == 1) { document.tic.sqr4.value = " O " turn = 0 sqr4T = 1 } check2() } function reset() { document.tic.sqr1.value = " " document.tic.sqr2.value = " " document.tic.sqr3.value = " " document.tic.sqr4.value = " " document.tic.sqr5.value = " " document.tic.sqr6.value = " " document.tic.sqr7.value = " " document.tic.sqr8.value = " " document.tic.sqr9.value = " " sqr1T = 0 sqr2T = 0 sqr3T = 0 sqr4T = 0 sqr5T = 0 sqr6T = 0 sqr7T = 0 sqr8T = 0 sqr9T = 0 vari() turn = 0 moveCount = 0 } function resetter() { reset() } </SCRIPT> <FORM NAME="tic"> <INPUT TYPE="button" NAME="sqr1" class="tictac" value=" " onClick="if(document.tic.sqr1.value == ' ' && turn == 0 && mode == 1) {document.tic.sqr1.value = ' X '; sqr1T = 1; turn = 1; vari(); check();} else if(document.tic.sqr1.value == ' ' && turn == 1 && mode == 2) {document.tic.sqr1.value = ' X '; sqr1T = 1; turn = 0; vari(); player1Check()} else if(document.tic.sqr1.value == ' ' && turn == 0 && mode == 2) {document.tic.sqr1.value = ' O '; sqr1T = 1; turn = 1; vari(); player1Check()} drawCheck()"> <INPUT TYPE="button" NAME="sqr2" class="tictac" value=" " onClick="if(document.tic.sqr2.value == ' ' && turn == 0 && mode == 1) {document.tic.sqr2.value = ' X '; sqr2T = 1; turn = 1; vari(); check();} else if(document.tic.sqr2.value == ' ' && turn == 1 && mode == 2) {document.tic.sqr2.value = ' X '; sqr2T = 1; turn = 0; vari(); player1Check()} else if(document.tic.sqr2.value == ' ' && turn == 0 && mode == 2) {document.tic.sqr2.value = ' O '; sqr2T = 1; turn = 1; vari(); player1Check()} drawCheck()"> <INPUT TYPE="button" NAME="sqr3" class="tictac" value=" " onClick="if(document.tic.sqr3.value == ' ' && turn == 0 && mode == 1) {document.tic.sqr3.value = ' X '; sqr3T = 1; turn = 1; vari(); check();} else if(document.tic.sqr3.value == ' ' && turn == 1 && mode == 2) {document.tic.sqr3.value = ' X '; sqr3T = 1; turn = 0; vari(); player1Check()} else if(document.tic.sqr3.value == ' ' && turn == 0 && mode == 2) {document.tic.sqr3.value = ' O '; sqr3T = 1; turn = 1; vari(); player1Check()} drawCheck()"><br> <INPUT TYPE="button" NAME="sqr4" class="tictac" value=" " onClick="if(document.tic.sqr4.value == ' ' && turn == 0 && mode == 1) {document.tic.sqr4.value = ' X '; sqr4T = 1; turn = 1; vari(); check();} else if(document.tic.sqr4.value == ' ' && turn == 1 && mode == 2) {document.tic.sqr4.value = ' X '; sqr4T = 1; turn = 0; vari(); player1Check()} else if(document.tic.sqr4.value == ' ' && turn == 0 && mode == 2) {document.tic.sqr4.value = ' O '; sqr4T = 1; turn = 1; vari(); player1Check()} drawCheck()"> <INPUT TYPE="button" NAME="sqr5" class="tictac" value=" " onClick="if(document.tic.sqr5.value == ' ' && turn == 0 && mode == 1) {document.tic.sqr5.value = ' X '; sqr5T = 1; turn = 1; vari(); check();} else if(document.tic.sqr5.value == ' ' && turn == 1 && mode == 2) {document.tic.sqr5.value = ' X '; sqr5T = 1; turn = 0; vari(); player1Check()} else if(document.tic.sqr5.value == ' ' && turn == 0 && mode == 2) {document.tic.sqr5.value = ' O '; sqr5T = 1; turn = 1; vari(); player1Check()} drawCheck()"> <INPUT TYPE="button" NAME="sqr6" class="tictac" value=" " onClick="if(document.tic.sqr6.value == ' ' && turn == 0 && mode == 1) {document.tic.sqr6.value = ' X '; sqr6T = 1; turn = 1; vari(); check();} else if(document.tic.sqr6.value == ' ' && turn == 1 && mode == 2) {document.tic.sqr6.value = ' X '; sqr6T = 1; turn = 0; vari(); player1Check()} else if(document.tic.sqr6.value == ' ' && turn == 0 && mode == 2) {document.tic.sqr6.value = ' O '; sqr6T = 1; turn = 1; vari(); player1Check()} drawCheck()"><br> <INPUT TYPE="button" NAME="sqr7" class="tictac" value=" " onClick="if(document.tic.sqr7.value == ' ' && turn == 0 && mode == 1) {document.tic.sqr7.value = ' X '; sqr7T = 1; turn = 1; vari(); check();} else if(document.tic.sqr7.value == ' ' && turn == 1 && mode == 2) {document.tic.sqr7.value = ' X '; sqr7T = 1; turn = 0; vari(); player1Check()} else if(document.tic.sqr7.value == ' ' && turn == 0 && mode == 2) {document.tic.sqr7.value = ' O '; sqr7T = 1; turn = 1; vari(); player1Check()} drawCheck()"> <INPUT TYPE="button" NAME="sqr8" class="tictac" value=" " onClick="if(document.tic.sqr8.value == ' ' && turn == 0 && mode == 1) {document.tic.sqr8.value = ' X '; sqr8T = 1; turn = 1; vari(); check();} else if(document.tic.sqr8.value == ' ' && turn == 1 && mode == 2) {document.tic.sqr8.value = ' X '; sqr8T = 1; turn = 0; vari(); player1Check()} else if(document.tic.sqr8.value == ' ' && turn == 0 && mode == 2) {document.tic.sqr8.value = ' O '; sqr8T = 1; turn = 1; vari(); player1Check()} drawCheck()"> <INPUT TYPE="button" NAME="sqr9" class="tictac" value=" " onClick="if(document.tic.sqr9.value == ' ' && turn == 0 && mode == 1) {document.tic.sqr9.value = ' X '; sqr9T = 1; turn = 1; vari(); check();} else if(document.tic.sqr9.value == ' ' && turn == 1 && mode == 2) {document.tic.sqr9.value = ' X '; sqr9T = 1; turn = 0; vari(); player1Check()} else if(document.tic.sqr9.value == ' ' && turn == 0 && mode == 2) {document.tic.sqr9.value = ' O '; sqr9T = 1; turn = 1; vari(); player1Check()} drawCheck()"> </form>

spinning welcome message

<xml:namespace ns="urn:schemas-microsoft-com:vml" prefix="v"/> <style> v\:* { behavior: url(#default#VML); } </style> <script> // Circle Ticker // By Peter Gehrig // Copyright (c) 2003 Peter Gehrig. 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 // 10/21/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 more text animation // with our new Text Factory. // Add as many messages as you like var message=new Array("brought to u by", "italianaprod", "holla") // Set the outline-color. Add as many colors as you like var outlinecolor=new Array("#ff0000", "#ffffff") // Set fillcolors 1. Add as many colors as you like var fillcolor1=new Array("#ff33cc", "#cc33ff", "#ff99ff", "#ff33cc") // Set fillcolors 2. Add as many colors as you like var fillcolor2=new Array("#0000ff", "#cc99cc", "#000000", "#ff00ff") // Set the letter marking the circle var circlemark=new Array("-") // Set the width of the outline var strkweight=1 // Set the waiting time between the messages (seconds) var pause=2 // Set the strength of the opacity (transparency of letters) var strengthopacity="60%" // Set the size of the circle (values range from 0.1 to 1) var circlesize=0.4 // Do not edit below this line var outerwidth=document.body.clientWidth var outerheight=document.body.clientHeight var innerwidth=Math.floor(circlesize*outerwidth) var innerheight=Math.floor(circlesize*outerheight) var posleft=(outerwidth-innerwidth)/2 var postop=(outerheight-innerheight)/2 var path=new Array() var i_message=0 var i_outlinecolor=0 var i_fillcolor1=0 var i_fillcolor2=0 var i_messagelength=0 var longestmessage=0 pause*=1000 var ie=document.getElementById&&document.all?1:0 for (i=0;i<=message.length-1;i++) { if (message[i].length>longestmessage) { longestmessage=message[i].length } longestmessage+=4 } for (i=0;i<=message.length-1;i++) { var emptyspace="" var i_emptyspace=(longestmessage-message[i].length)/2 for (ii=0;ii<=i_emptyspace;ii++) { emptyspace+=circlemark } message[i]=emptyspace+" "+message[i]+" "+emptyspace } function changeform() { if (i_outlinecolor >= outlinecolor.length) {i_outlinecolor=0} if (i_fillcolor1 >= fillcolor1.length) {i_fillcolor1=0} if (i_fillcolor2 >= fillcolor2.length) {i_fillcolor2=0} document.getElementById('strokeid').color=outlinecolor[i_outlinecolor] document.getElementById('fillid').color=fillcolor1[i_fillcolor1] document.getElementById('fillid').color2=fillcolor2[i_fillcolor2] if (i_message < message.length) {tick()} else {document.getElementById('textpathid').string=""} } function tick() { if (i_messagelength <= message[i_message].length) { var messagestringend="" var messagestring=message[i_message].substring(0, i_messagelength)+messagestringend document.getElementById('textpathid').string=messagestring var timer=setTimeout("tick()",50) i_messagelength++ } else { clearTimeout(timer) i_messagelength=0 i_message++ i_outlinecolor++ i_fillcolor1++ i_fillcolor2++ var timer=setTimeout("changeform()",pause) } } if (ie) { document.write('<div id="roofid" style="position:absolute;left:0px;top:0px;width:'+outerwidth+'px;height:'+outerheight+'px;overflow:hidden;">') document.write('<v:oval id="tc" style="position:absolute;top:'+postop+';left:'+posleft+';width:'+innerwidth+';height:'+innerheight+'">') document.write('<v:shadow on="t" opacity="'+strengthopacity+'"/>') document.write('<v:stroke id="strokeid" weight="'+strkweight+'pt" color="blue"/>') document.write('<v:fill id="fillid" on="True" color="'+fillcolor1[0]+'" color2="'+fillcolor2[0]+'" opacity="'+strengthopacity+'" opacity2="'+strengthopacity+'" type="gradient"/>') document.write('<v:path textpathok="t"/>') document.write('<v:textpath id="textpathid" on="t" id="mytp" style="font-family:\'Arial Black\'; " fitpath="t" string=""/>') document.write('</v:oval>') window.onload=changeform } </script>

you've been here 1 time

<HEAD> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <BODY>  <SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

fading images

<style>  </style> <img id="spotlight" speed="50" src="URL OF UR IMAGE HERE"> <script language="JavaScript1.2"> if (document.all&&window.spotlight){ var x=new Array() var direction=new Array() var y=new Array() if (spotlight.length==null){ spotlight[0]=document.all.spotlight x[0]=0 direction[0]="right" y[0]=spotlight[0].height spotlight[0].filters.light.addPoint(100,50,100,255,255,255,90) } else for (i=0;i<spotlight.length;i++){ x[i]=0 direction[i]="right" y[i]=spotlight[i].height spotlight[i].filters.light.addPoint(100,50,100,255,255,255,90) } } function slidelight(cur){ spotlight[cur].filters.light.MoveLight(0,x[cur],y[cur],200,-1) if (x[cur]<spotlight[cur].width+200&&direction[cur]=="right") x[cur]+=10 else if (x[cur]>spotlight[cur].width+200){ direction[cur]="left" x[cur]-=10 } else if (x[cur]>-200&&x[cur]<-185){ direction[cur]="right" x[cur]+=10 } else{ x[cur]-=10 direction[cur]="left" } } if (document.all&&window.spotlight){ if (spotlight.length==null) setInterval("slidelight(0)",spotlight[0].speed) else for (t=0;t<spotlight.length;t++){ var temp='setInterval("slidelight('+t+')",'+spotlight[t].speed+')' eval(temp) } } </script>

refelecting pic

 <img id="reflect" src="URL OF UR IMAGE HERE"> <br> <script language="JavaScript1.2"> /* Image reflection script (Submitted by Savio, savio_d_souza@hotmail.com) 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 */ function f1(){ setInterval("mdiv.filters.wave.phase+=10",100); } if (document.all){ document.write('<img id=mdiv src="'+document.all.reflect.src+'" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">') window.onload=f1 } </script>

snowflakes

fireworks

<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="wingdings" color="#99ccff">T</font></div> <div id="sDiv1" style="position:absolute; visibility: hidden;"><font face="wingdings" color="#ffffff">T</font></div> <div id="sDiv2" style="position:absolute; visibility: hidden;"><font face="wingdings" color="#99ccff">T</font></div> <div id="sDiv3" style="position:absolute; visibility: hidden;"><font face="wingdings" color="#ffffff">T</font></div> <div id="sDiv4" style="position:absolute; visibility: hidden;"><font face="wingdings" color="#99ccff">T</font></div> <div id="sDiv5" style="position:absolute; visibility: hidden;"><font face="wingdings" color="#ffffff">T</font></div> <div id="sDiv6" style="position:absolute; visibility: hidden;"><font face="wingdings" color="#99ccff">T</font></div> <div id="sDiv7" style="position:absolute; visibility: hidden;"><font face="wingdings" color="#99ccff">T</font></div> <div id="sDiv8" style="position:absolute; visibility: hidden;"><font face="wingdings" color="#ffffff">T</font></div> <div id="sDiv9" style="position:absolute; visibility: hidden;"><font face="wingdings" color="#99ccff">T</font></div> </div> </body></html>  </p> </body> </html> <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>

H
T
M
L

C
O
D
E
Z

Entering Pop-up

No right click

<SCRIPT language="JavaScript">alert(" TEXT GOES HERE ") </SCRIPT> <script language="JavaScript"> </script>

Leaving pop-up

dangerous no right click

<BODY onUnload="alert(' TEXT GOES HERE ')"></SCRIPT> <script LANGUAGE="JavaScript"> document.onmousedown=click var times=0 var times2=10 function click() { if ((event.button==2) || (event.button==3)) { if (times>=1) { bye() } alert(" TEXT GOES HERE "); times++ } } function bye() { alert(" TEXT GOES HERE"); bye() } </script> </select></form>

Annoying Pop-up

no selecting

<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> <script language="JavaScript1.2"> //Disable select-text script (IE4+, NS6+)- By Andy Scott //Exclusive permission granted to Dynamic Drive to feature script //Visit http://www.dynamicdrive.com for this script function disableselect(e){ return false } function reEnable(){ return true } //if IE4+ document.onselectstart=new Function ("return false") //if NS6 if (window.sidebar){ document.onmousedown=disableselect document.onclick=reEnable } </script>

do you like my page pop-up

colorful no right click

<form>YOUR TEXT OPTION1 <input type="radio" onClick="alert('TEXT GOES HERE')"> YOUR TEXT OPTION2 <input type="radio" onClick="alert('TEXT GOES HERE')"> <style>  </style> <script language="JavaScript1.2"> //set this variable to 1 if you wish the URLs of the highlighted menu to be displayed in the status bar var display_url=0 function showmenuie5(){ var rightedge=document.body.clientWidth-event.clientX var bottomedge=document.body.clientHeight-event.clientY if (rightedge<ie5menu.offsetWidth) ie5menu.style.left=document.body.scrollLeft+event.clientX-ie5menu.offsetWidth else ie5menu.style.left=document.body.scrollLeft+event.clientX if (bottomedge<ie5menu.offsetHeight) ie5menu.style.top=document.body.scrollTop+event.clientY-ie5menu.offsetHeight else ie5menu.style.top=document.body.scrollTop+event.clientY ie5menu.style.visibility="visible" return false } function hidemenuie5(){ ie5menu.style.visibility="hidden" } function highlightie5(){ if (event.srcElement.className=="menuitems"){ event.srcElement.style.backgroundColor="black" event.srcElement.style.color="blue" if (display_url==1) window.status=event.srcElement.url } } function lowlightie5(){ if (event.srcElement.className=="menuitems"){ event.srcElement.style.backgroundColor="black" event.srcElement.style.color="blue" window.status='' } } function jumptoie5(){ if (event.srcElement.className=="menuitems") window.location=event.srcElement.url } </script>  <script language="JavaScript1.2"> document.oncontextmenu=showmenuie5 if (document.all&&window.print) document.body.onclick=hidemenuie5 </script>

askin name pop-up

glowing text

<center>text goes here <script language="VBScript"></script> <TABLE STYLE="filter:glow(color=red, strength=5)"> <TR><TD><center> TEXT GOES HERE </TABLE>

pop-up ok/cancel

drop shadow text

<SCRIPT LANGUAGE="javascript">  function OTNConfirm(){if (!confirm (" EDIT THIS ONLY Hello--how are you---please click the OK button to go to my page. Click the CANCEL button to return to the last site.")) history.go(-1);return " "} document.writeln(OTNConfirm()) </SCRIPT> <TABLE STYLE="filter:dropshadow(color=red, strength=5)"> <TR><TD><center> TEXT GOES HERE </TABLE>

Pop-up over text

blinking text

<a href="" onMouseover="alert('TEXT')"> TEXT</a> <SCRIPT LANGUAGE="JavaScript1.2">  </script>

regular text trailing cursor

circling text trailing cursor

<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="Ya lookin at ma shyt now " 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"> <SCRIPT LANGUAGE="JavaScript1.2">  </SCRIPT>

color scroll bar

script in scroll bar

 <STYLE TYPE="text/css"></STYLE> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

text box allowing html

clock code

<textarea style="width:140;height:100;background:#000000;color:#FFFFFF; font-family:arial;font-size:12px">text goes here <applet codebase=http://www.ClockBot.com/ code=clockbot.Clock width=125 height=25> <param name=bgColor value="#FFFFFF"> <param name=fgColor value="#9966FF"> <param name=shadowColor value="#FFFFFF"> <param name=fontName value="arial"> <param name=fontSize value="20"> <param name=xoff value="2"> <param name=yoff value="2"> <param name=xstart value="10"> <param name=ystart value="21"> <param name=rot value="0"> <param name=msleep value="300"> </applet></table>

todays date

drop down menu

  <SCRIPT LANGUAGE = "JavaScript">  </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="URL">page link</option> <option value="URL">page link</option> <option value="URL">page link</option> </select></form>

marquee w. color bakground

marquee w. link

<p align=center><marquee bgcolor=blue></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>Thank you for visiting <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>

2 marquees w. color bakground

snake 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">L<br>O<br>R<br>I<br><br>P<br>I<br>M<br>P<br>S<br>T<br>R<br>E<br>S<br>S</font></marquee><BR>

<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>

tital bar text

big mouse over

<script language="javascript"> var titletext="Hello, Welcome to my website!"; // TITLEBAR TEXT var repeat=true; // SET TO true TO REPEAT, false TO "TYPE" OUT TITLE ONLY ONCE. var index=0; function scrolltitle(){ if(index<=titletext.length){ document.title=titletext.substring(0,index); index++; setTimeout('scrolltitle()', 200); }else{ index=0; if(repeat)setTimeout('scrolltitle()',1000); }} window.onload=function(){ if(!document.layers)setTimeout('scrolltitle()',1000); } </script>

<STYLE> .bigChange {color:#ff0000; font-weight:bolder; font-size:175%; letter-spacing:4px; text-transform: uppercase; background:#000000} .start {color:#ff00ff; background:#ffffff} </STYLE> <SCRIPT LANGUAGE=JAVASCRIPT> function highlightButton(s) { if ("INPUT"==event.srcElement.tagName) event.srcElement.className=s } </SCRIPT> 2. After copy and pasting the first scrip, copy and paste this one. <P> <SPAN onmouseover = "this.className = 'bigChange'" onmouseout = "this.className='start'" class=start>Your text here</SPAN> </p>

strike out text

calender

<s>TEXT HERE</s>

<BODY> <SCRIPT LANGUAGE="JavaScript">  </script>

text that follows your mouse

text that scrolls at the bottom

<style> .spanstyle { position:absolute; visibility:visible; top:-50px; font-size:9pt; font-family:Verdana; font-weight:bold; color:pink; } </style> <script> /* Cursor Trailor Text- By Peter Gehrig (http://www.24fun.ch/) Permission given to Dynamicdrive.com to feature script in it's archive. For full source code, installation instructions, and 1000's more DHTML scripts, visit http://dynamicdrive.com */ var x,y var step=20 var flag=0 // Your snappy message. Important: the space at the end of the sentence!!! 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">

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

yellow stars that circle your mouse text that circles ur mouse

<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">  </SCRIPT>

boarder around page

fireworks follow your mouse

<script language="JavaScript1.2"> /* Document frame Script- © Dynamic Drive (www.dynamicdrive.com) For full source code, installation instructions, 100's more free DHTML scripts, and Terms Of Use, visit dynamicdrive.com */ if (document.all) document.body.style.cssText="border:10 inset PINK" </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>

diagnal marquee

page dissolves on exit

<marquee width="100%" height="80" direction="down" style="color: #ff0000; font-family: Comic Sans MS; font-size: 12pt; letter-spacing: 6pt; vertical-align: middle; font-style: italic"><marquee direction="right">look at me</marquee> <meta http-equiv="Page-Exit" content="revealTrans(Duration=3.0,Transition=12)">

rainbow mouse cursor

text scrolling up

<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> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#0099ff" width="230" height="120"> <tr> <td bgcolor="#000000" height="120" width="230"><marquee direction="up" scrollamount="1" height=120 width=230><center>Put the text here </td></table>

stars that fly when mouse

clicked..(like on here)

fixed background

(like on this page)

<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 narrow; font-size:25px; color:pink;} #sDiv1 {position:absolute; top:-20; left:-20; height:1; width:1; font-family:arial narrow; font-size:25px; color:white;} #sDiv2 {position:absolute; top:-20; left:-20; height:1; width:1; font-family:arial narrow; font-size:25px; color:blue;} #sDiv3 {position:absolute; top:-20; left:-20; height:1; width:1; font-family:arial narrow; font-size:25px; color:pink;} #sDiv4 {position:absolute; top:-20; left:-20; height:1; width:1; font-family:arial narrow; font-size:25px; color:white;} #sDiv5 {position:absolute; top:-20; left:-20; height:1; width:1; font-family:arial narrow; font-size:25px; color:blue;} #sDiv6 {position:absolute; top:-20; left:-20; height:1; width:1; font-family:arial narrow; font-size:25px; color:pink;} </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> <body background="IMAGE URL"bgproperties="fixed">

rainbow text

text scrollin down

<h2><script language="JavaScript1.2"> //Neon Lights Text II by G.P.F. (gpf@beta-cc.de) //visit http://www.beta-cc.de //Visit http://www.dynamicdrive.com for this script var message="TEXT GOES HERE" var neonbasecolor="white" var neontextcolor="pink" var neontextcolor2="blue" var flashspeed=100 // speed of flashing in milliseconds var flashingletters=3 // number of letters flashing in neontextcolor var flashingletters2=1 // number of letters flashing in neontextcolor2 (0 to disable) var flashpause=0 // the pause between flash-cycles in milliseconds ///No need to edit below this line///// var n=0 if (document.all||document.getElementById){ document.write('<font color="'+neonbasecolor+'">') for (m=0;m<message.length;m++) document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>') document.write('</font>') } else document.write(message) function crossref(number){ var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number) return crossobj } function neon(){ //Change all letters to base color if (n==0){ for (m=0;m<message.length;m++) crossref(m).style.color=neonbasecolor } //cycle through and change individual letters to neon color crossref(n).style.color=neontextcolor if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2 if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor if (n<message.length-1) n++ else{ n=0 clearInterval(flashing) setTimeout("beginneon()",flashpause) return } } function beginneon(){ if (document.all||document.getElementById) flashing=setInterval("neon()",flashspeed) } beginneon() </script></h2>

<table border="5" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#0099ff" width="200" height="60"> <tr> <td bgcolor="#000000" height="60" width="200"><marquee direction="down" scrollamount="1" height=60 width=200><center>scroll it down</td></table>

diff. direction marquee

marquee w. pix and links

<marquee direction=right, left,up,or down>TEXT HERE</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>

left click exploding hearts

moving menu

<SCRIPT LANGUAGE="JavaScript1.2">     </script> <body OnLoad="initMouseEvents()"> <div id="sparks"> <div id="sDiv0" style="position:absolute; visibility: hidden;"><font face="symbol,wingdings,arial" color="#FF00FF" size="1">©</font></div> <div id="sDiv1" style="position:absolute; visibility: hidden;"><font face="symbol,wingdings,arial" color="#9463F7" size="1">©</font></div> <div id="sDiv2" style="position:absolute; visibility: hidden;"><font face="symbol,wingdings,arial" color="#319CFF" size="1">©</font></div> <div id="sDiv3" style="position:absolute; visibility: hidden;"><font face="symbol,wingdings,arial" color="#00FF00" size="1">©</font></div> <div id="sDiv4" style="position:absolute; visibility: hidden;"><font face="symbol,wingdings,arial" color="#FFC0FF" size="1">©</font></div> <div id="sDiv5" style="position:absolute; visibility: hidden;"><font face="symbol,wingdings,arial" color="#FF00FF" size="2">©</font></div> <div id="sDiv6" style="position:absolute; visibility: hidden;"><font face="symbol,wingdings,arial" color="#9463F7" size="2">©</font></div> <div id="sDiv7" style="position:absolute; visibility: hidden;"><font face="symbol,wingdings,arial" color="#319CFF" size="2">©</font></div> <div id="sDiv8" style="position:absolute; visibility: hidden;"><font face="symbol,wingdings,arial" color="#00FF00" size="2">©</font></div> <div id="sDiv9" style="position:absolute; visibility: hidden;"><font face="symbol,wingdings,arial" color="#FFC0FF" size="2">©</font></div> </div>

<DIV CLASS="menbar1" ID="menbar1" STYLE="position:absolute;top:1;visibility:hide;" zIndex="1000" ALIGN="right"> <table bgcolor="#0066FF"><tr><td><A HREF="javascript:change(1)">*})i({*OpEn Menu*})i({*</A></td></tr></table> </DIV> <DIV CLASS="menbar2" ID="menbar2" STYLE="position:absolute;top:1;visibility:hide;display:none;" zIndex="1001" ALIGN="right"> <table bgcolor="#0066FF"><tr><td bgcolor="#0066FF"> <a href="javascript:change(2)">*})i({*cLoSe Menu*})i({*</a><br> </td></tr><tr><td> <a href="http://hometown.aol.com/missgoofygurl/htmlhelp.html">HTML Help</a><br> <a href="http://hometown.aol.com/deliriousangel74/index.html">My Otha Pagee</a><br> </td></tr></table> </DIV> <script language="Javascript1.2">  </script>

bouncy marquee

text box with frame

<marquee behavior=alternate>TEXT GOES HERE</marquee>

 <p align="center"><font color="#ffffFF" size="2">textarea box<p><p align="center"><textarea style="background:000000" style="font-family:Papyrus" style="color:ffffFF" style="border style:solid" rows="2" cols="10">Your code or text will go here

magic wand cursor

color scrolling marquee

<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,2,2"></LAYER> <script language="JavaScript"> /* Magic Wand cursor II (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>') } } if (document.layers) {window.captureEvents(Event.MOUSEMOVE);} var yBase = 200; var xBase = 200; var step = 1; 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/6; xBase = window.document.body.offsetWidth/6; } else if (document.layers) { yBase = window.innerHeight/8; xBase = window.innerWidth/8; } if (document.all) { for ( i = 0 ; i < starsDiv.all.length ; i++ ) { starsDiv.all[i].style.top = Ypos + yBase*Math.sin((currStep + i*4)/12)*Math.cos(400+currStep/200); starsDiv.all[i].style.left = Xpos + xBase*Math.sin((currStep + i*3)/10)*Math.sin(currStep/200); } } else if (document.layers) { for ( j = 0 ; j < 14 ; j++ ) //number of NS layers! { var templayer="a"+j document.layers[templayer].top = Ypos + yBase*Math.sin((currStep + j*4)/12)*Math.cos(400+currStep/200); document.layers[templayer].left = Xpos + xBase*Math.sin((currStep + j*3)/10)*Math.sin(currStep/200); } } currStep+= step; setTimeout("animateLogo()", 10); } animateLogo(); </script>

<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="yellow"font face="Pristina"><strong><big>TEXT GOES 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>

choosing fonts

floating bubbles

<font face="FONT" size=NUMBER color=COLORHERE>TEXT GOES HERE

<script>  </script>

snowflakes

fireworks

<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="wingdings" color="#99ccff">T</font></div>
                                    <div id="sDiv1" style="position:absolute; visibility: hidden;"><font face="wingdings" color="#ffffff">T</font></div>
                                    <div id="sDiv2" style="position:absolute; visibility: hidden;"><font face="wingdings" color="#99ccff">T</font></div>
                                    <div id="sDiv3" style="position:absolute; visibility: hidden;"><font face="wingdings" color="#ffffff">T</font></div>
                                    <div id="sDiv4" style="position:absolute; visibility: hidden;"><font face="wingdings" color="#99ccff">T</font></div>
                                    <div id="sDiv5" style="position:absolute; visibility: hidden;"><font face="wingdings" color="#ffffff">T</font></div>
                                    <div id="sDiv6" style="position:absolute; visibility: hidden;"><font face="wingdings" color="#99ccff">T</font></div>
                                    <div id="sDiv7" style="position:absolute; visibility: hidden;"><font face="wingdings" color="#99ccff">T</font></div>
                                    <div id="sDiv8" style="position:absolute; visibility: hidden;"><font face="wingdings" color="#ffffff">T</font></div>
                                    <div id="sDiv9" style="position:absolute; visibility: hidden;"><font face="wingdings" color="#99ccff">T</font></div>
                                    </div>
                                    
                                    
                                    </body></html>
                                    
                                    </p>
                                    
                                    </body>
                                    
                                    </html>

H
T
M
L

C
O
D
E
Z

Entering Pop-up

No right click

Leaving pop-up

dangerous no right click

Annoying Pop-up

no selecting

<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>

do you like my page pop-up

colorful no right click

askin name pop-up

glowing text

pop-up ok/cancel

drop shadow text

Pop-up over text

blinking text

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

regular text trailing cursor

circling text trailing cursor

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

color scroll bar

script in scroll bar

text box allowing html

clock code

todays date

drop down menu

<SCRIPT LANGUAGE = "JavaScript">
                                    
                                    </SCRIPT>

marquee w. color bakground

marquee w. link

<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>Thank you for visiting <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>

2 marquees w. color bakground

snake marquee

tital bar text

big mouse over

<STYLE>
                                      .bigChange {color:#ff0000; font-weight:bolder; font-size:175%; letter-spacing:4px;  text-transform: uppercase; background:#000000}
                                      .start {color:#ff00ff; background:#ffffff}
                                    </STYLE>
                                    <SCRIPT LANGUAGE=JAVASCRIPT>
                                      function highlightButton(s) {
                                        if ("INPUT"==event.srcElement.tagName)
                                          event.srcElement.className=s
                                      }
                                    </SCRIPT>
                                    
                                    
                                    
                                    
                                    2. After copy and pasting the first scrip, copy and paste this one.
                                    
                                    
                                    <P> <SPAN onmouseover = "this.className = 'bigChange'" onmouseout = "this.className='start'" class=start>Your
                                    text here</SPAN> </p>

strike out text

calender

<BODY>
                                    
                                    <SCRIPT LANGUAGE="JavaScript">
                                    
                                    
                                    </script>

text that follows your mouse

text that scrolls at the bottom

yellow stars that circle your mouse text that circles ur mouse

<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">
                                    
                                    </SCRIPT>

boarder around page

fireworks follow your mouse

diagnal marquee

page dissolves on exit

rainbow mouse cursor

text scrolling up

<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>

stars that fly when mouse

clicked..(like on here)

fixed background

(like on this page)

<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 narrow; font-size:25px; color:pink;}
                                    #sDiv1 {position:absolute; top:-20; left:-20; height:1; width:1; font-family:arial narrow; font-size:25px; color:white;}
                                    #sDiv2 {position:absolute; top:-20; left:-20; height:1; width:1; font-family:arial narrow; font-size:25px; color:blue;}
                                    #sDiv3 {position:absolute; top:-20; left:-20; height:1; width:1; font-family:arial narrow; font-size:25px; color:pink;}
                                    #sDiv4 {position:absolute; top:-20; left:-20; height:1; width:1; font-family:arial narrow; font-size:25px; color:white;}
                                    #sDiv5 {position:absolute; top:-20; left:-20; height:1; width:1; font-family:arial narrow; font-size:25px; color:blue;}
                                    #sDiv6 {position:absolute; top:-20; left:-20; height:1; width:1; font-family:arial narrow; font-size:25px; color:pink;}
                                    </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>

rainbow text

text scrollin down

<h2><script language="JavaScript1.2">
                                    
                                    //Neon Lights Text II by G.P.F. (gpf@beta-cc.de)
                                    //visit http://www.beta-cc.de
                                    //Visit http://www.dynamicdrive.com for this script 
                                    
                                    var message="TEXT GOES HERE"
                                    var neonbasecolor="white"
                                    var neontextcolor="pink"
                                    var neontextcolor2="blue"
                                    var flashspeed=100						// speed of flashing in milliseconds
                                    var flashingletters=3						// number of letters flashing in neontextcolor
                                    var flashingletters2=1						// number of letters flashing in neontextcolor2 (0 to disable)
                                    var flashpause=0						// the pause between flash-cycles in milliseconds
                                    
                                    ///No need to edit below this line/////
                                    
                                    var n=0
                                    if (document.all||document.getElementById){
                                    document.write('<font color="'+neonbasecolor+'">')
                                    for (m=0;m<message.length;m++)
                                    document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
                                    document.write('</font>')
                                    }
                                    else
                                    document.write(message)
                                    
                                    function crossref(number){
                                    var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
                                    return crossobj
                                    }
                                    
                                    function neon(){
                                    
                                    //Change all letters to base color
                                    if (n==0){
                                    for (m=0;m<message.length;m++)
                                    crossref(m).style.color=neonbasecolor
                                    }
                                    
                                    //cycle through and change individual letters to neon color
                                    crossref(n).style.color=neontextcolor
                                    
                                    if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2 
                                    if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor
                                    
                                    
                                    if (n<message.length-1)
                                    n++
                                    else{
                                    n=0
                                    clearInterval(flashing)
                                    setTimeout("beginneon()",flashpause)
                                    return
                                    }
                                    }
                                    
                                    function beginneon(){
                                    if (document.all||document.getElementById)
                                    flashing=setInterval("neon()",flashspeed)
                                    }
                                    beginneon()
                                    
                                    
                                    </script></h2>

diff. direction marquee

marquee w. pix and links

<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>

left click exploding hearts

moving menu

<SCRIPT LANGUAGE="JavaScript1.2">
                                    
                                    
                                    
                                    
                                    
                                    
                                    </script>
                                    
                                    <body OnLoad="initMouseEvents()">
                                    <div id="sparks">
                                    <div id="sDiv0" style="position:absolute; visibility: hidden;"><font face="symbol,wingdings,arial" color="#FF00FF"
                                    size="1">©</font></div>
                                    <div id="sDiv1" style="position:absolute; visibility: hidden;"><font face="symbol,wingdings,arial" color="#9463F7"
                                    size="1">©</font></div>
                                    <div id="sDiv2" style="position:absolute; visibility: hidden;"><font face="symbol,wingdings,arial" color="#319CFF"
                                    size="1">©</font></div>
                                    <div id="sDiv3" style="position:absolute; visibility: hidden;"><font face="symbol,wingdings,arial" color="#00FF00"
                                    size="1">©</font></div>
                                    <div id="sDiv4" style="position:absolute; visibility: hidden;"><font face="symbol,wingdings,arial" color="#FFC0FF"
                                    size="1">©</font></div>
                                    <div id="sDiv5" style="position:absolute; visibility: hidden;"><font face="symbol,wingdings,arial" color="#FF00FF"
                                    size="2">©</font></div>
                                    <div id="sDiv6" style="position:absolute; visibility: hidden;"><font face="symbol,wingdings,arial" color="#9463F7"
                                    size="2">©</font></div>
                                    <div id="sDiv7" style="position:absolute; visibility: hidden;"><font face="symbol,wingdings,arial" color="#319CFF"
                                    size="2">©</font></div>
                                    <div id="sDiv8" style="position:absolute; visibility: hidden;"><font face="symbol,wingdings,arial" color="#00FF00"
                                    size="2">©</font></div>
                                    <div id="sDiv9" style="position:absolute; visibility: hidden;"><font face="symbol,wingdings,arial" color="#FFC0FF"
                                    size="2">©</font></div>
                                    </div>

<DIV CLASS="menbar1" ID="menbar1" 
                                    STYLE="position:absolute;top:1;visibility:hide;" zIndex="1000" ALIGN="right">
                                    <table bgcolor="#0066FF"><tr><td><A HREF="javascript:change(1)">*})i({*OpEn Menu*})i({*</A></td></tr></table>
                                    </DIV>
                                    <DIV CLASS="menbar2" ID="menbar2" 
                                    STYLE="position:absolute;top:1;visibility:hide;display:none;" zIndex="1001" ALIGN="right">
                                    <table bgcolor="#0066FF"><tr><td bgcolor="#0066FF">
                                    <a href="javascript:change(2)">*})i({*cLoSe Menu*})i({*</a><br>
                                    </td></tr><tr><td>
                                    
                                    <a href="http://hometown.aol.com/missgoofygurl/htmlhelp.html">HTML Help</a><br>
                                    <a href="http://hometown.aol.com/deliriousangel74/index.html">My Otha Pagee</a><br>
                                    </td></tr></table>
                                    </DIV>
                                    <script language="Javascript1.2"> 
                                    
                                    </script>

bouncy marquee

text box with frame

magic wand cursor

color scrolling marquee

<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,2,2"></LAYER>
                                    
                                    
                                    <script language="JavaScript">
                                    
                                    /*
                                    Magic Wand cursor II (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>')
                                    }
                                    }
                                    
                                    if (document.layers)
                                    {window.captureEvents(Event.MOUSEMOVE);}
                                    var yBase = 200;
                                    var xBase = 200;
                                    var step = 1;
                                    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/6;
                                    xBase = window.document.body.offsetWidth/6;
                                    }
                                    else if (document.layers)
                                    {
                                    yBase = window.innerHeight/8;
                                    xBase = window.innerWidth/8;
                                    }
                                    
                                    if (document.all)
                                    {
                                    for ( i = 0 ; i < starsDiv.all.length ; i++ )
                                    {
                                      starsDiv.all[i].style.top = Ypos + yBase*Math.sin((currStep + i*4)/12)*Math.cos(400+currStep/200);
                                    starsDiv.all[i].style.left = Xpos + xBase*Math.sin((currStep + i*3)/10)*Math.sin(currStep/200);
                                    }
                                    }
                                    
                                    else if (document.layers)
                                    {
                                    for ( j = 0 ; j < 14 ; j++ ) //number of NS layers!
                                    {
                                      var templayer="a"+j
                                      document.layers[templayer].top = Ypos + yBase*Math.sin((currStep + j*4)/12)*Math.cos(400+currStep/200);
                                      document.layers[templayer].left = Xpos + xBase*Math.sin((currStep + j*3)/10)*Math.sin(currStep/200);
                                    }
                                    }
                                    currStep+= step;
                                    setTimeout("animateLogo()", 10);
                                    }
                                    animateLogo();
                                    </script>

<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="yellow"font face="Pristina"><strong><big>TEXT GOES 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>

choosing fonts

floating bubbles

Steve Earle
Copperhead Road
<DIV align=center> <table style="filter:glow(color:#0000FF)"><tr><td><font><center><br> <font-family:antigoni; font size="1"><br><b><A HREF="http://waynesuganaqueb.bravehost.com/" TARGET="***">Steve Earle - Copperhead Road<BR>WMS's Music</b></a></font></center></font></td></tr></table> <BGSOUND balance=0 src="http://waynesuganaqueb.myknet.org/Music/steveearlecopperheadroad.wma" volume=0 loop=infinite autostart="true">
Steve Earle
Even When I'm Blue
<DIV align=center> <table style="filter:glow(color:#0000FF)"><tr><td><font><center><br> <font-family:antigoni; font size="1"><br><b><A HREF="http://waynesuganaqueb.bravehost.com/" TARGET="***">Steve Earle - Even When I'm Blue<BR>WMS's Music</b></a></font></center></font></td></tr></table> <BGSOUND balance=0 src="http://waynesuganaqueb.myknet.org/Music/steveearleevenwhenimblue.wma" volume=0 loop=infinite autostart="true">
Sting
Every Breath you take(acoustic)
<DIV align=center> <table style="filter:glow(color:#0000FF)"><tr><td><font><center><br> <font-family:antigoni; font size="1"><br><b><A HREF="http://waynesuganaqueb.bravehost.com/" TARGET="***">Sting - Every breath you take(acoustic)<BR>WMS's Music</b></a></font></center></font></td></tr></table> <BGSOUND balance=0 src="http://waynesuganaqueb.myknet.org/Music/stingeverybreathyoutake.wma" volume=0 loop=infinite autostart="true">