HTML CODES
Home
ALL MY WEBSITES
CODES AND LINKS
CODES
LAYOUTS
MORE CODES
DOLL LINKS
CODES
GAMES
MORE CODES
MORE CODES
MORE CODES
MORE CODES
PLAYBOY
CURSORS
LAYOUTS
LAYOUT 2
CODES
HORSE CLIPS
JUNK
JUNK LINKS
PLAYGIRL
GRAPHICS
DOLLS
GRAPHICS 2
GRAPHICS 3
STUFF
CODES
CODES
MIXED CODES
PAGE 25
COMEDY CODES
MIDI MUSIC
MUSIS CODES
MUSIC CODES
COLOR CHART
CLOCKS
PAGE 24
GAME CODES
CLOCK CODES
DOLL LINKS
LETTERS
DOLLS 2
CODEZ 2
CODES
DOLLZ
PAGE 21
MUSIC OF THE 70S
MUSIC
MUSIC 3
PAGE 22
PAGE 15
MUSIC 1
MUSIC 4
MUSIC
BACKGROUNDS
PAGE 19
PAGE 20
WELCOME SIGNS 2
PAGE SETS
PAGE 7
PAGE 5
PAGE 9
PAGE 11
PAGE 12
CURSORS
PAGE 14
PAGE 15
PAGE 16
WELCOME SIGNS
PAGE 17
PAGE 18
PAGE 13
PAGE 10
PAGE 1
PAGE 2
PAGE 6
PAGE 3
HTML CODES
DOLLS
CODES
PAGE 4
PAGE 8
PAGE 23
HTML CODES
GRAPHICS
HTML Codes
<script language="JavaScript1.2"> /* Cross browser marquee script- © Dynamic Drive (www.dynamicdrive.com) For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use, visit dynamicdrive.com */ //Specify the marquee's width (in pixels) var marqueewidth=330 //Specify the marquee's height (in pixels, pertains only to NS) var marqueeheight=20 //Specify the marquee's scroll speed (larger is faster) var speed=6 //Specify the marquee contents var marqueecontents='<strong>Thank you for visiting Dynamic Drive. If you find this script useful, please consider linking to us by click here. Enjoy your stay!</strong>' 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> <ilayer width=&{marqueewidth}; height=&{marqueeheight}; name="cmarquee01"> <layer name="cmarquee02"></layer> </ilayer>
<center>Hello, <script language="VBScript"><!-- Dim Name Name=InputBox("What is your first name?") document.write Name --></script>
<!-- TWO STEPS TO INSTALL AGREE BEFORE ENTRY: 1. Copy the coding into the HEAD of your HTML document 2. Add the last code into the BODY of your HTML document --> <!-- STEP ONE: Paste this code into the HEAD of your HTML document --> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Begin agree = 0; // 0 means 'no', 1 means 'yes' // End --> </script> </HEAD> <!-- STEP TWO: Copy this code into the BODY of your HTML document --> <center> <form name=enableform> You can only enter your name if you agree to the terms. (just a demo) <input type=radio name='enable' value='agree' onClick="agree=1; document.enableform.box.focus();">I agree <input type=radio name='enable' value='disagree' onClick="agree=0; document.enableform.box.value='';">I disagree Please enter your name: <input type=text name=box onFocus="if (!agree)this.blur();" onChange="if (!agree)this.value='';" size=12> <input type=submit value="Done!"> </form> </center> <center> Free JavaScripts provided by The JavaScript Source </center> <!-- Script Size: 1.12 KB -->
<script language="JavaScript"> <!-- //you can assign the initial color of the background here r=255; g=255; b=255; flag=0; t=new Array; o=new Array; d=new Array; function hex(a,c) { t[a]=Math.floor(c/16) o[a]=c%16 switch (t[a]) { case 10: t[a]='A'; break; case 11: t[a]='B'; break; case 12: t[a]='C'; break; case 13: t[a]='D'; break; case 14: t[a]='E'; break; case 15: t[a]='F'; break; default: break; } switch (o[a]) { case 10: o[a]='A'; break; case 11: o[a]='B'; break; case 12: o[a]='C'; break; case 13: o[a]='D'; break; case 14: o[a]='E'; break; case 15: o[a]='F'; break; default: break; } } function ran(a,c) { if ((Math.random()>2/3||c==0)&&c<255) { c++ d[a]=2; } else { if ((Math.random()<=1/2||c==255)&&c>0) { c-- d[a]=1; } else d[a]=0; } return c } function do_it(a,c) { if ((d[a]==2&&c<255)||c==0) { c++ d[a]=2 } else if ((d[a]==1&&c>0)||c==255) { c--; d[a]=1; } if (a==3) { if (d[1]==0&&d[2]==0&&d[3]==0) flag=1 } return c } function disco() { if (flag==0) { r=ran(1, r); g=ran(2, g); b=ran(3, b); hex(1,r) hex(2,g) hex(3,b) document.bgColor="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3] flag=50 } else { r=do_it(1, r) g=do_it(2,g) b=do_it(3,b) hex(1,r) hex(2,g) hex(3,b) document.bgColor="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3] flag-- } if (document.all) setTimeout('disco()',50) } //--> </script>
<head> <style> <!-- #leftright, #topdown{ position:absolute; left:0; top:0; width:1px; height:1px; layer-background-color:black; background-color:black; z-index:100; font-size:1px; } --> </style> </head> <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"> <!-- /* Document crosshair Script- By 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&&!window.print){ //if the user is using IE 4 (but NOT IE 5. We used dynamic expressions in IE 5 to replace the below code) leftright.style.width=document.body.clientWidth-2 topdown.style.height=document.body.clientHeight-2 } else if (document.layers){ document.leftright.clip.width=window.innerWidth document.leftright.clip.height=1 document.topdown.clip.width=1 document.topdown.clip.height=window.innerHeight } function followmouse1(){ //move cross engine for IE 4+ leftright.style.pixelTop=document.body.scrollTop+event.clientY+1 topdown.style.pixelTop=document.body.scrollTop if (event.clientX<document.body.clientWidth-2) topdown.style.pixelLeft=document.body.scrollLeft+event.clientX+1 else topdown.style.pixelLeft=document.body.clientWidth-2 } function followmouse2(e){ //move cross engine for NS 4+ document.leftright.top=e.y+1 document.topdown.top=pageYOffset document.topdown.left=e.x+1 } if (document.all) document.onmousemove=followmouse1 else if (document.layers){ window.captureEvents(Event.MOUSEMOVE) window.onmousemove=followmouse2 } //entire code below simply refreshes the page when a surfer reloads the page, to reposition the crosshair. Irrelevant in IE 5 function regenerate(){ window.location.reload() } function regenerate2(){ setTimeout("window.onresize=regenerate",400) } if ((document.all&&!window.print)||document.layers) //if the user is using IE 4 or NS 4, both NOT IE 5+ window.onload=regenerate2 //--> </script>
<script language="JavaScript1.2"> /* Nudging text by Matthias (matthiasdeschagt@hotmail.com) Modified by Dynamic Drive to function in NS6 For this script and more, visit http://www.dynamicdrive.com */ //configure message message="Welcome to Dynamic Drive!" //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> <div id="jumpx" style="color:green"></div> <script> if (document.all||document.getElementById){ jump=(document.getElementById)? document.getElementById("jumpx") : document.all.jumpx jump0() } else document.write(message) </script>
<div style="position:absolute;color:black" id="test"></div> <script> //This script created by Steve Bomer (steveb03@yahoo.com) //Modified by Dynamic Drive for NS6, additional features //Visit Dynamicdrive.com to get it! //Change the message below var themessage="Welcome to Dynamic Drive!" var fontsize=10 //Below determines how long the message will appear before disappearing. 3000=3 seconds var appearfor=3000 function position_at_top(){ if (document.layers) document.test.top=pageYOffset else if (document.all){ test.innerHTML='<div align=center>'+themessage+'</div>' setTimeout("test.style.top=document.body.scrollTop+10;test.style.left=document.body.scrollLeft+10",100) } else if (document.getElementById){ document.getElementById("test").innerHTML='<div align=center>'+themessage+'</div>' document.getElementById("test").style.top=pageYOffset } } function expand(){ if (document.layers){ document.test.document.write('<div align=center style="font-size:'+fontsize+'px">'+themessage+'</div>') document.test.document.close() } else if (document.all) test.style.fontSize=fontsize+'px' else if (document.getElementById) document.getElementById("test").style.fontSize=fontsize+'px' fontsize+=5 if (fontsize>90){ if (document.layers) setTimeout("document.test.visibility='hide'",appearfor) else if (document.all) setTimeout("test.style.visibility='hidden'",appearfor) else if (document.getElementById) setTimeout("document.getElementById('test').style.visibility='hidden'",appearfor) return } else setTimeout("expand()",50) } </script>
<head> <style type="text/css"> .textstyle { position:absolute; left:-2000px; width:400px; font-family:Arial; font-size:20pt; font-weight:bold; text-align:center; color:FFFFFF; filter:glow(color=red,strength=2); } .coverstyle { position:absolute; left:-2000px; } </style> <script LANGUAGE="JavaScript1.2"> /* Dissolving text effect script - 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 message = new Array() message[0]="Welcome to Dynamic Drive" message[1]="The #1 DHTML site on the net" message[2]="Here you\'ll find free DHTML scripts and components" message[3]="All of which utilize the latest in DHTML\/ JavaScript technology" message[4]="Enjoy your stay here" message[5]="And have a wonderful Christmas Holiday!" var i_message=0 // The trick of this script is a simple gif-image // consisting of two colors: black and white dots. // The black dots are transparent. // By wipeing this gif-image back and forth over the // textmessages you get an attractive dissolving effect. // This image is called slidefader.gif. // Configure the left and top margin of the text (pixels). var covertop=565 var coverleft=150 // Configure the size of the wipeing gif-image. // If you change the size you should create a new image too. // The coverheight also represents the height of the textzone. var coverwidth=1200 var coverheight=96 var texttop=covertop var textleft=coverleft //configure width of text effect //be sure to change the corresponding width attribute above in the <style> tag to match var textwidth=400 var textheight=coverheight var cliptop=0 var clipright=textwidth var clipbottom=coverheight var clipleft=0 var clippoints // Configure the speeds of the wipeing effect var step=40 var pause=50 var timer function init() { if (document.all) { document.all.text.style.posTop=texttop document.all.text.style.posLeft=textleft document.all.cover.style.posTop=covertop document.all.cover.style.posLeft=coverleft clipleft=0 fadeout() } } function fadeout() { if (document.all.cover.style.posLeft >=(-coverwidth+textwidth+coverleft+step)) { clipleft+=step clipright=clipleft+textwidth clippoints="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" document.all.cover.style.clip=clippoints document.all.cover.style.posLeft-=step timer= setTimeout("fadeout()",pause) } else { clearTimeout(timer) i_message++ if (i_message>=message.length) {i_message=0} text.innerHTML=message[i_message] fadein() } } function fadein() { if (document.all.cover.style.posLeft <=coverleft) { clipleft-=step clipright=clipleft+textwidth clippoints="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" document.all.cover.style.clip=clippoints document.all.cover.style.posLeft+=step timer= setTimeout("fadein()",pause) } else { clearTimeout(timer) init() } } </script> </head> <script language="JavaScript1.2"> if (document.all&&window.print){ document.write('<DIV ID="text" class="textstyle">'+message[0]+'</div>') document.write('<DIV ID="cover" class="coverstyle"><img src="slidefader.gif"></DIV>') } </script>
<head> <style TYPE="text/css"> <!-- .TextScrollStyle { visibility:hidden; font-family:Verdana; font-weight:bold; text-align:center; padding:0; margin:0; width:100%; overflow:hidden; } --> </style> <script language="JavaScript1.2"> /* Dynamic Fader Script (updated: 00/08/05) Created and submitted by Nicholas Poh (hwinmain@yahoo.com) to Dynamicdrive.com Key modifications by Dynamic Drive for stability/ efficiency in NS For full source code, usage terms, and 100s more scripts, visit http://dynamicdrive.com */ //1) Configure messages: var TS_message = new Array(); TS_message[0] = '<div align="left">Hello there</div>'; TS_message[1] = '<div align="left">Wow... hope you like it!</div>'; TS_message[2] = '<div align="left">Presented by Dynamicdrive.com</div>'; //2) Configure fader width and colors: var TS_scrollwidth=400 //configure fader width var TS_colorFG = 0x000000; // Text color var TS_colorBG = 0xFFFFFF; //bgColor // uncomment any value you wanted to change //var TS_ymax = 50; // How many pixel to move //var TS_ystep = 1; // 1 or -1 only (Scroll direction) //var TS_speed = 2; // The smaller the value the faster //var TS_pause = 100; // Pause time(milisecond) between messages var TS_fadestep= 20; // Steps to fade in and out if (document.all) document.write('<style>#containerarea{width:'+TS_scrollwidth+'}</style>') </script> </head> <DIV id="containerarea"> <SCRIPT LANGUAGE="JavaScript1.2" SRC="textfader.js"></SCRIPT> </DIV>
<BODY onUnload="alert('TEXT HERE');"> </script>
<marquee>text here</marquee>
<!-- THREE STEPS TO INSTALL MOUSE BANNER: 1. Copy the coding into the HEAD of your HTML document 2. Add the last code into the BODY tag your HTML document 3. Put the final code inside the BODY of your HTML page --> <!-- STEP ONE: Paste this code into the HEAD of your HTML document --> <HEAD> <style>.spanstyle { COLOR: white; FONT-FAMILY: Verdana; FONT-SIZE: 8pt; FONT-WEIGHT: bold; POSITION: absolute; TOP: -50px; VISIBILITY: visible } </style> <SCRIPT LANGUAGE="JavaScript"> <!-- Original: Peter Gehrig --> <!-- Web Site: http://www.24fun.ch --> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Begin var x, y; var step = 10; var flag = 0; var message = "JavaScript is so cool !! "; 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()", 10); } // End --> </script> </HEAD> <!-- STEP TWO: Copy this code into the BODY tag od your HTML document --> <!-- STEP THREE: Put the final code inside the BODY of your HTML document --> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin for (i = 0; i <= message.length-1; i++) { document.write("<span id='span"+i+"' class='spanstyle'>"); document.write(message[i]); document.write("</span>"); } if (document.layers) { document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = handlerMM; // End --> </script> <center> Free JavaScripts provided by The JavaScript Source </center> <!-- Script Size: 2.08 KB -->
<LAYER NAME="a0" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffffff" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a1" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#fff000" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a2" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffa000" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a3" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ff00ff" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a4" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#00ff00" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a5" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF00FF" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a6" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF0000" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a7" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffffff" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a8" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#fff000" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a9" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffa000" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a10" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ff00ff" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a11" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#00ff00" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a12" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#0000ff" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a13" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF0000" CLIP="0,0,3,3"></LAYER> <script language="JavaScript"> /* Magic Wand cursor (By Kurt at kurt.grigg@virgin.net) Modified and permission granted to Dynamic Drive to feature script in archive For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com */ if (document.all){ with (document){ write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">') write('<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#fff000;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ffa000;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#00ff00;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#0000ff;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:3px;height:3px;background:#FF0000;font-size:3px;visibility:visible"></div>') write('</div>') } } var Clrs=new Array(6) Clrs[0]='ff0000'; Clrs[1]='00ff00'; Clrs[2]='000aff'; Clrs[3]='ff00ff'; Clrs[4]='fff000'; Clrs[5]='fffff0'; if (document.layers) {window.captureEvents(Event.MOUSEMOVE);} var yBase = 200; var xBase = 200; var step; var currStep = 0; var Xpos = 1; var Ypos = 1; if (document.all) { function MoveHandler(){ Xpos = document.body.scrollLeft+event.x; Ypos = document.body.scrollTop+event.y; } document.onmousemove = MoveHandler; } else if (document.layers) { function xMoveHandler(evnt){ Xpos = evnt.pageX; Ypos = evnt.pageY; } window.onMouseMove = xMoveHandler; } function animateLogo() { if (document.all) { yBase = window.document.body.offsetHeight/4; xBase = window.document.body.offsetWidth/4; } else if (document.layers) { yBase = window.innerHeight/4; xBase = window.innerWidth/4; } if (document.all) { for ( i = 0 ; i < starsDiv.all.length ; i++ ) {step=3; starsDiv.all[i].style.top = Ypos + yBase*Math.cos((currStep + i*4)/12)*Math.cos(0.7+currStep/200); starsDiv.all[i].style.left = Xpos + xBase*Math.sin((currStep + i*3)/10)*Math.sin(8.2+currStep/400); for (ai=0; ai < Clrs.length; ai++) { var c=Math.round(Math.random()*[ai]); } starsDiv.all[i].style.background=Clrs[c]; } } else if (document.layers) { for ( j = 0 ; j < 14 ; j++ ) //number of NS layers! {step = 4; var templayer="a"+j document.layers[templayer].top = Ypos + yBase*Math.sin((currStep + j*4)/12)*Math.cos(0.7+currStep/200); document.layers[templayer].left = Xpos + xBase*Math.sin((currStep + j*3)/10)*Math.sin(8.2+currStep/400); for (aj=0; aj < Clrs.length; aj++) { var c=Math.round(Math.random()*[aj]); } document.layers[templayer].bgColor=Clrs[c]; } } currStep+= step; setTimeout("animateLogo()", 10); } animateLogo(); // --> </script>
<script language=JavaScript> <!-- var message="Function Disabled"; function click(e) { if (document.all) { if (event.button == 2) { alert(message); return false; } } if (document.layers) { if (e.which == 3) { alert(message); return false; } } } if (document.layers) { document.captureEvents(Event.MOUSEDOWN); } document.onmousedown=click; // --> </script>
<a href="" onMouseover="alert('TEXT')"> TEXT</a>
<script language="JavaScript1.2"> /* Shock Wave Text script- By ejl@worldmailer.com Submitted to and featured on Dynamic Drive (www.dynamicdrive.com) For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com */ var size = 25; var speed_between_messages=1500 //in miliseconds var tekst = new Array() { tekst[0] = "Shock Wave text @ Dynamicdrive.com"; tekst[1] = "Here you can type anything you want"; tekst[2] = "You can change the size"; tekst[3] = "And you can change the speed"; } var klaar = 0; var s = 0; var veran =0; var tel = 0; function bereken(i,Lengte) { return (size*Math.abs( Math.sin(i/(Lengte/3.14))) ); } function motor(p) { var output = ""; for(w = 0;w < tekst[s].length - klaar+1; w++) { q = bereken(w/2 + p,16); if (q > size - 0.5) {klaar++;} if (q < 5) {tel++; if (tel > 1) { tel = 0; if (veran == 1) { veran = 0; s++; if ( s == tekst.length) {s = 0;} p = 0; if (window.loop) {clearInterval(loop)} loop = motor(); } } } output += "" +tekst[s].substring(w,w+1)+ ""; } for(k=w;k<klaar+w;k++) { output += "" +tekst[s].substring(k,k+1)+ ""; } idee.innerHTML = output; } function startmotor(p){ if (!document.all) return var loop = motor(p); if (window.time) {clearInterval(time)} if (klaar == tekst[s].length) { klaar = 0; veran = 1; tel = 0; var time = setTimeout("startmotor(" +(p+1) + ")", speed_between_messages); }else { var time =setTimeout("startmotor(" +(p+1) + ")", 50); } } </script> <div ID="idee"></div>
<head> <script> <!-- //Pulsating Text (Chris A e-mail: KilerCris@Mail.com) //Permission granted to Dynamic Drive to feature script in archive //For full source and 100's more DHTML scripts, visit http://www.dynamicdrive.com var divs = new Array(); var da = document.all; var start; //CONFIGUER THESE VARS!!!!!! //speed of pulsing var speed = 50; function initVars(){ if (!document.all) return //Extend of shrink the below list all you want //put an "addDiv(1,"2",3,4); for each div you made, //1)'id' of div //2)color or glow(name or hex)(in quotes!!!) //3)minimum strength //4)maximum strength addDiv(hi,"lime",2,11); addDiv(welcome,"red",4,9); addDiv(message,"purple",2,4); addDiv(msg2,"orange",15,17); addDiv(msg3,"blue",1,3); //NO MORE EDITING!!!!!! startGlow(); } function addDiv(id,color,min,max) { var j = divs.length; divs[j] = new Array(5); divs[j][0] = id; divs[j][1] = color; divs[j][2] = min; divs[j][3] = max; divs[j][4] = true; } function startGlow() { if (!document.all) return 0; for(var i=0;i<divs.length;i++) { divs[i][0].style.filter = "Glow(Color=" + divs[i][1] + ", Strength=" + divs[i][2] + ")"; divs[i][0].style.width = "100%"; } start = setInterval('update()',speed); } function update() { for (var i=0;i<divs.length;i++) { if (divs[i][4]) { divs[i][0].filters.Glow.Strength++; if (divs[i][0].filters.Glow.Strength == divs[i][3]) divs[i][4] = false; } if (!divs[i][4]) { divs[i][0].filters.Glow.Strength--; if (divs[i][0].filters.Glow.Strength == divs[i][2]) divs[i][4] = true; } } } --> </script> </head> <div id="hi" style="color: lime"> Hello! </div> <div id="welcome" style="color: lime"> Welcome! </div> <div id="message" style="color: lime"> This is a pulsating message! </div> <div id="msg2" style="color: lime"> This is another pulsating message! </div> <div id="msg3" style="color: lime"> This is yet another pulsating message! </div>
<script language="JavaScript"> /* script edited by David Gardner (toolmandav@geocities.com) Permission granted to Dynamicdrive.com to feature the script For more DHTML scripts, visit Dynamicdrive.com */ //put your text here var theText = "David Gardner"; function nextSize(i,incMethod,textLength) { if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) ); if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14)))); } function sizeCycle(text,method,dis) { output = ""; for (i = 0; i < text.length; i++) { size = parseInt(nextSize(i +dis,method,text.length)); output += "" +text.substring(i,i+1)+ ""; } theDiv.innerHTML = output; } function doWave(n) { sizeCycle(theText,1,n); if (n > theText.length) {n=0} setTimeout("doWave(" + (n+1) + ")", 50); } </script> <div ID="theDiv" align="center"> </div>
<style> <!-- BODY{ scrollbar-face-color:#75EA00; scrollbar-arrow-color:brown; scrollbar-track-color:#EEEEEE; scrollbar-shadow-color:''; scrollbar-highlight-color:''; scrollbar-3dlight-color:''; scrollbar-darkshadow-Color:''; } --> </style>
<style> .spanstyle { position:absolute; visibility:visible; top:-50px; font-size:12pt; 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=" TYPE SUMTHIN 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> <!-- Beginning of JavaScript - for (i=0;i<=message.length-1;i++) { document.write("<span id='span"+i+"' class='spanstyle'>") document.write(message[i]) document.write("</span>") } if (document.layers){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = handlerMM; // - End of JavaScript - --> </script>
<head> <style type="text/css"> .scroll {font-weight:bold; font-size:36; text-align: center; font-family: Verdana, Courier, Courier New;} </style> </head> <script language="JavaScript1.2"> if (document.all) document.write('<script src="sinescroll.js"><\/script>') </script> <!-- Source for sinescroll.js--> // globals var initialx, initialy, scrolltext; var frame = 0, frame2 = 0.5; var amplitude1 = 50, amplitude2 = 30; var offset = 0.2, speed = 0.2, speed2 = 0.35; var offset2 = 0.6; var scrollspeed = 6; var charwidth = 30; var twopi = Math.PI * 2; var chracters, position, numvisible, nextchar, firstchar; var skipsteps = 1; var delaytimer = 0; var interval; // function to create sine scroller function sinescroll (x, y, value, number_of_chars) { // setup globals scrolltext = new String(value); initialx = x; initialy = y; numvisible = number_of_chars; nextchar = numvisible; firstchar = 0; // create fixed-size arrays of characters and positions characters = new Array(numvisible); position = initialx; // write DIVs to hold characters for (var i = 0; i < numvisible; i++) { document.write('<DIV ID="character" STYLE="position:absolute;top:', initialy, ';left:-10000', //(initialx + i * charwidth), ';width=', charwidth, ';height=30;" > ', scrolltext.charAt(i), '</DIV>'); } } // animation function function step () { // increment counters frame += speed; frame2 += speed2; // delay timer if (delaytimer > 0) { delaytimer--; } else { // update position position -= scrollspeed; } // check for 'offscreen' if (position < (initialx - charwidth)) { while (scrolltext.charAt(nextchar) == '|') { delaytimer += 90; nextchar++; } // set nextchar into characters array characters[firstchar].innerHTML = ' ' + scrolltext.charAt(nextchar) + ''; // update nextchar nextchar++; // check for wrap-around if (nextchar >= scrolltext.length) { nextchar = 0; } // change position and counters by offset position += charwidth; frame += offset; frame2 += offset2; // update firstchar firstchar++; if (firstchar >= numvisible) { firstchar = 0; } } // wrap-around counters if (frame > twopi) frame -= twopi; if (frame2 > twopi) frame2 -= twopi; // set up loop variables var angle = frame; var angle2 = frame2; var pos = position; // update the html for (var i=firstchar; i < numvisible; i++) { characters[i].style.left = pos; characters[i].style.top = initialy + amplitude1 * Math.sin(angle) + amplitude2 * Math.sin(angle2); angle += offset; angle2 += offset2; pos += charwidth; } for (var i=0; i < firstchar; i++) { characters[i].style.left = pos; characters[i].style.top = initialy + amplitude1 * Math.sin(angle) + amplitude2 * Math.sin(angle2); angle += offset; angle2 += offset2; pos += charwidth; } } // start the animation function start () { if (!document.all) return // get all of the DIV tags into an array (IE only?) characters = document.all.item('character'); // setup timeout to call this function again interval = window.setInterval("step();", 20); } // stop the animation function stop () { if (!document.all) return if (interval) clearInterval(interval); } window.onload=start window.onunload=stop // create the scroller if (document.all) sinescroll(30, 100, " **** Remember those great Amiga demos? You can recreate the endless sine-scrolling messages in JavaScript! Conversions to Netscape welcome, as are improvements - email to mark.baker@usa.net This script can cope with ** delays ** | and even longer delays - ** heloooo **||| Feel free to use it and rip it off (well you're going to anyway...) TTFN... **** ", 15);
<a href=URL OF WEBSITE> TEXT HERE</a>
<a href="mailto:NAME@EMAIL.com"> TEXT HERE</a>
<a href=" "onmouseover="parent.location='URL'"> TEXT HERE</a>
<textarea>TEXT HERE
<META HTTP-EQUIV="Refresh" CONTENT="6; URL=URL HERE">
<!--Place this script in the HEAD section.--> <script language="JavaScript"> <!-- // You may edit the message below. var statBarMsg = "This message appears in the status bar ..... " + "It will repeat continuously while the page is viewed ....." + "good, right? " ; function startStatusScroller() { window.status = statBarMsg; statBarMsg = statBarMsg.substring(1, statBarMsg.length) + statBarMsg.substring(0, 1) setTimeout("startStatusScroller()", 150) }//--> </SCRIPT> <!--Replace the BODY tag.--> <body onLoad="startStatusScroller();">
<textarea ROWS=5 COLS=15 style="background:COLOR" style="font-family:FONT" style="color:COLOR HERE" style="border style:solid"> TEXT TEXT
<ilayer name="scroll1"> <div id="scroll3" style="width:100;height:75; background-color:COLORHERE; overflow:auto"> TEXT HTML TEXT HTML
<bgsound src="filename.wav" loop="true">