Entering Pop-Up (Goes In 'head' tag)

<SCRIPT language="JavaScript">alert("Type The Text Here")</SCRIPT>

Right-Click Pop-Up (Usually keeps people from taking images)
Want to see if it really works? Try right-clicking on the win award page.
Insert this code into the 'head' of your page.

<SCRIPT LANGUAGE="JavaScript1.1"> <!-- Original: Martin Webb (martin@irt.org) --> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Begin function right(e) { if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)) return false; else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 2 || event.button == 3)) { alert("This site is copywrite, please do not take anything. Thank you!"); return false; } return true; } document.onmousedown=right; if (document.layers) window.captureEvents(Event.MOUSEDOWN); window.onmousedown=right; // End --> </script>

Colored Links (Changes all links on page)

<STYLE type="text/css"><!-- A:link{color:TypeACOLORhere;text-decoration:none} A:visited{color:TypeACOLORhere;text-decoration:none} A:active{color:TypeACOLORhere;text-decoration:none} A:hover{color:TypeACOLORhere;text-decoration: NOTE--all text-decorations can be changed to one of these- underline, underline overline or line-through} --></STYLE>

Drop-Down List (Links)

<form><select name=select size="1" style="background-color:TypeACOLORHERE; font size:#pt; font-family:TypeAFONTHERE; color:TypeACOLORHERE" onchange="location.href= (form.select.options[form.select.selectedIndex].value)"> <option value="http://www.TypeURLhere.com">Name Of Page To Be Linked Goes Here</option> <option value="http://www.TypeURLhere.com">Name Of Page To Be Linked Goes Here</option> <option value="http://www.TypeURLhere.com">Name Of Page To Be Linked Goes Here</option> </select></form>

ToolBar Marquee

<SCRIPT LANGUAGE="JavaScript"> <!-- // Use these to set up the message: var msg = "Type Your TEXT Here!" var delay = 30 var startPos = 100 // Don't touch these variables: var timerID = null var timerRunning = false var pos = 0 // Crank it up! StartScrolling() function StartScrolling(){ // Make sure the clock is stopped StopTheClock() // Put in spaces to get "start" position for (var i = 0; i < startPos; i++) msg = " " + msg // Off we go... DoTheScroll() } function StopTheClock(){ if(timerRunning) clearTimeout(timerID) timerRunning = false } function DoTheScroll(){ if (pos < msg.length) self.status = msg.substring(pos, msg.length); else pos=-1; ++pos timerRunning = true timerID = self.setTimeout("DoTheScroll()", delay) } file://--> </SCRIPT>

Colored Clock

<table border=2 bordercolor=blue cellspacing=0><tr><td> <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>

Text Following Cursor (you must insert all three parts for it to work)
1) This first part goes in the 'head' part of your page

<style> .spanstyle { position:absolute; visibility:visible; top:-50px; font-size:10pt; font-family:Verdana; font-weight:bold; color:black; } </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 message goes below, where it currently says 'welcome!'. Important: make sure to leave the space at the end of the sentence! var message="WELCOME! " 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>

2) This part goes in the 'body' part of your page

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

3) And now insert this into the 'body' tag

onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll"

Floating Graphics
Insert into 'head' of your page

<SCRIPT LANGUAGE="JavaScript1.2"> <!-- Begin var no = 5; // number of graphics you want var speed = 15; // smaller number moves the graphics faster var heart = "http://www.---URLofGraphicGoesHere-only change this--.com"; var flag; var ns4up = (document.layers) ? 1 : 0; // browser sniffer var ie4up = (document.all) ? 1 : 0; var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width = 300, doc_height = 600; if (ns4up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx = new Array(); xp = new Array(); yp = new Array(); amx = new Array(); amy = new Array(); stx = new Array(); sty = new Array(); flag = new Array(); for (i = 0; i < no; ++ i) { dx[i] = 0; // set coordinate variables xp[i] = Math.random()*(doc_width-30)+10; // set position variables yp[i] = Math.random()*doc_height; amy[i] = 12+ Math.random()*20; // set amplitude variables amx[i] = 10+ Math.random()*40; stx[i] = 0.02 + Math.random()/10; // set step variables sty[i] = 0.7 + Math.random(); // set step variables flag[i] = (Math.random()>0.5)?1:0; if (ns4up) { // set layers if (i == 0) { document.write("<layer name='dot"+ i +"' left='15' "); document.write("top='15' visibility='show'><img src='"); document.write(heart+ "' border='0'></layer>"); } else { document.write("<layer name='dot"+ i +"' left='15' "); document.write("top='15' visibility='show'><img src='"); document.write(heart+ "' border='0'></layer>"); } } else if (ie4up) { if (i == 0) { document.write("<div id='dot"+ i +"' style='POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;'><img src='"); document.write(heart+ "' border='0'></div>"); } else { document.write("<div id='dot"+ i +"' style='POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;'><img src='"); document.write(heart+ "' border='0'></div>"); } } } function snowNS() { // Netscape main animation function for (i = 0; i < no; ++ i) { // iterate for every dot if (yp[i] > doc_height-25) { xp[i] = 10+ Math.random()*(doc_width-amx[i]-15); yp[i] = 0; flag[i]=(Math.random()<0.5)?1:0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = self.innerWidth; doc_height = self.innerHeight; } if (flag[i]) dx[i] += stx[i]; else dx[i] -= stx[i]; if (Math.abs(dx[i]) > Math.PI) { yp[i]+=Math.abs(amy[i]*dx[i]); xp[i]+=amx[i]*dx[i]; dx[i]=0; flag[i]=!flag[i]; } document.layers["dot"+i].top = yp[i] + amy[i]*(Math.abs(Math.sin(dx[i])+dx[i])); document.layers["dot"+i].left = xp[i] + amx[i]*dx[i]; } setTimeout("snowNS()", speed); } function snowIE() { // IE main animation function for (i = 0; i < no; ++ i) { // iterate for every dot if (yp[i] > doc_height-25) { xp[i] = 10+ Math.random()*(doc_width-amx[i]-15); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); flag[i]=(Math.random()<0.5)?1:0; doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } if (flag[i]) dx[i] += stx[i]; else dx[i] -= stx[i]; if (Math.abs(dx[i]) > Math.PI) { yp[i]+=Math.abs(amy[i]*dx[i]); xp[i]+=amx[i]*dx[i]; dx[i]=0; flag[i]=!flag[i]; } document.all["dot"+i].style.pixelTop = yp[i] + amy[i]*(Math.abs(Math.sin(dx[i])+dx[i])); document.all["dot"+i].style.pixelLeft = xp[i] + amx[i]*dx[i]; } setTimeout("snowIE()", speed); } if (ns4up) { snowNS(); } else if (ie4up) { snowIE(); } // End --></script>

>>HOME<<

>HTML HELP<
What is HTML?
The Basics
Other Codes
Fun Stuff
Frames
IFrames

>PREMADE<
Buttons
Dividers
Backgrounds
Layouts

>CUSTOM<
Graphics
Layouts