Useful Codes

A Background Fader
This script will make your backgound colors change a specified number of times then the page loads.
Copy this section in between your head tags.

Copy this part in between your body tags.

Fireworks
A cool fireworks display.

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>

Auto Refresh with timer
This script will auto refresh your page at a specified time. Its a good script for web cam images.
Just place the code in the head of your page.

Vertical Fold out menu
Place the following code between the head tags.

Place this part between the head and body tags.
<SCRIPT language=JavaScript> /******************************************************************************** Copyright (C) 1999 Thomas Brattli This script is made by and copyrighted to Thomas Brattli at www.bratta.com ********************************************************************************/ /************************************************************************************ This script is a "foldout" menu script, all the "foldouts" will stay outfolded in older browsers. Works in ie4+ and ns4+. To change where the menu appears change the left and top values of the divCont in the stylesheets, it's currently placed relative so you can place this menu in tables or similar if you want. Change the text colors and size in the A.clMain and A.clSubb classes. ************************************************************************************/ /************************************************************************************ Change this to false if you want all the submenus to get unfold when you foldout a new one. ************************************************************************************/ var stayFolded=false /************************************************************************************ Browsercheck ************************************************************************************/ var n = (document.layers) ? 1:0; var ie = (document.all) ? 1:0; var browser=((n || ie) && parseInt(navigator.appVersion)>=4) /************************************************************************************ Making cross-browser objects ************************************************************************************/ function makeMenu(obj,nest){ nest=(!nest) ? '':'document.'+nest+'.' this.css=(n) ? eval(nest+'document.'+obj):eval('document.all.'+obj+'.style') this.ref=(n) ? eval(nest+'document.'+obj+'.document'):eval('document'); this.height=n?this.ref.height:eval(obj+'.offsetHeight') this.x=(n)? this.css.left:this.css.pixelLeft;this.y=(n)? this.css.top:this.css.pixelTop; this.hideIt=b_hideIt; this.showIt=b_showIt; this.vis=b_vis; this.moveIt=b_moveIt return this } function b_showIt(){this.css.visibility="visible"} function b_hideIt(){this.css.visibility="hidden"} function b_vis(){if(this.css.visibility=="hidden" || this.css.visibility=="hide") return true;} function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y} /************************************************************************************ Initiating the page. Just add to the arrays here to get more menuitems and add divs in the page ************************************************************************************/ function init(){ oTop=new Array() oTop[0]=new makeMenu('divTop1','divCont') oTop[1]=new makeMenu('divTop2','divCont') oTop[2]=new makeMenu('divTop3','divCont') oTop[3]=new makeMenu('divTop4','divCont') oTop[4]=new makeMenu('divTop5','divCont') oTop[5]=new makeMenu('divTop6','divCont') oSub=new Array() oSub[0]=new makeMenu('divSub1','divCont.document.divTop1') oSub[1]=new makeMenu('divSub2','divCont.document.divTop2') oSub[2]=new makeMenu('divSub3','divCont.document.divTop3') oSub[3]=new makeMenu('divSub4','divCont.document.divTop4') oSub[4]=new makeMenu('divSub5','divCont.document.divTop5') oSub[5]=new makeMenu('divSub6','divCont.document.divTop6') for(i=0;i<oSub.length;i++){ oSub[i].hideIt() } for(i=1;i<oTop.length;i++){ oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height) } } /************************************************************************************ This is the function that changes the sub menus to folded or unfolded state. ************************************************************************************/ function menu(num){ if(browser){ if(!stayFolded){ for(i=0;i<oSub.length;i++){ if(i!=num) oSub[i].hideIt() } for(i=1;i<oTop.length;i++){ oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height) } } oSub[num].vis()?oSub[num].showIt():oSub[num].hideIt() for(i=1;i<oTop.length;i++){ if(!oSub[i-1].vis()) oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height+oSub[i-1].height) else oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height) } } } //Initiating the menus onload, if it's a 4.x+ browser. if(browser) onload=init; </SCRIPT>

Place this part of the code where you want the menu.
 <div id="divCont"> <div class="clTop" id="divTop1"> <a class="clMain" href="http://yourpage.com#" onclick="menu(0); return false">[choice 0]</a><br> <div class="clSub" id="divSub1"> <a class="clSubb" href="http://yourpage.com#">-Sub 1</a><br> <a class="clSubb" href="http://yourpage.com#">-Sub 2</a><br> <a class="clSubb" href="http://yourpage.com#">-Sub 3</a><br> <a class="clSubb" href="http://yourpage.com#">-Sub 4</a><br> </div> </div> <div class="clTop" id="divTop2"> <a class="clMain" href="http://yourpage.com#" onclick="menu(1); return false">[choice 1]</a><br> <div class="clSub" id="divSub2"> <a class="clSubb" href="http://yourpage.com#">-Sub 1</a><br> <a class="clSubb" href="http://yourpage.com#">-Sub 2</a><br> </div> </div> <div class="clTop" id="divTop3"> <a class="clMain" href="http://yourpage.com#" onclick="menu(2); return false">[choice 2]</a><br> <div class="clSub" id="divSub3"> <a class="clSubb" href="http://yourpage.com#">-Sub 1</a><br> <a class="clSubb" href="http://yourpage.com#">-Sub 2</a><br> <a class="clSubb" href="http://yourpage.com#">-Sub 3</a><br> </div> </div> <div class="clTop" id="divTop4"> <a class="clMain" href="http://yourpage.com" onclick="menu(3); return false">[choice 3]</a><br> <div class="clSub" id="divSub4"> <a class="clSubb" href="http://yourpage.com#">-Sub 1</a><br> <a class="clSubb" href="http://yourpage.com#">-Sub 2</a><br> </div> </div> <div class="clTop" id="divTop5"> <a class="clMain" href="http://yourpage.com" onclick="menu(4); return false">[choice 4]</a><br> <div class="clSub" id="divSub5"> <a class="clSubb" href="http://yourpage.com#">-Sub 1</a><br> <a class="clSubb" href="http://yourpage.com#">-Sub 2</a><br> <a class="clSubb" href="http://yourpage.com#">-Sub 3</a><br> <a class="clSubb" href="http://yourpage.com#">-Sub 4</a><br> <a class="clSubb" href="http://yourpage.com#">-Sub 5</a><br> </div> </div> <div class="clTop" id="divTop6" style="width: 114; height: 35"> <a class="clMain" href="http://yourpage.com" onclick="menu(5); return false">[choice 5]</a><br> <div class="clSub" id="divSub6"> <a class="clSubb" href="http://yourpage.com#">-Sub 1</a> </div> </div> </div>

Windows Media Player
Just place this code anywhere in your page to have a windows media player. You can change all the attributes to suit your needs.
If your just using the player for music you can change the hight to 50 so the window wont show.

Real Player
Insert this code anywhere in your page for real player. Change the attributes to suit your needs.

Email Protection
This code will help to protect your email from harvesters and other malicious software.
A code to help protect your e-mail address.