chk out some cool java script for your web page

LED DISPLAY PANNEL:

example loaded on right top of the web page

1: Copy and paste the following HTML at the end of the BODY section of your page:

<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="L.E.D. Panel written^$^ by Richard Maloney 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=10; //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>


2: You'll also have to insert a bit of code in the actual BODY tag: onload="LEDinit()". So, your BODY tag will lok like:
<BODY onload="LEDinit()">

COSTOMIZED RIGHTCLICK MENU:

example: rightclick on main page to view customized right-click menu

<!-- HEAD--> <style type="text/css"> .link{ cursor:default; text-decoration:none; color:black; font-size:8pt; font-family:verdana; padding:3px; } .normtext{ color:black; font-size:8pt; font-family:verdana; font-weight:bold; padding:3; } #conmenu { cursor:default; position:absolute; top:0px; left:0px; visibility:hidden; background-color:lightgrey; layer-background-color:lightgrey; border:outset 2px; font-size:8pt; font-family:verdana; font-weight:normal; color:#00436e; width:150px; padding:1 2 0 2; z-index:2; } #conshadow{ position:absolute; top:0px; left:0px; visibility:hidden; background-color:black; layer-background-color:black; z-index:0; } </style> <!--HEAD ENDS--> <!--BODY--> <script language="javascript"> /***************************************************** TITLE: CONTEXT MENU V1.2 AUTHOR: Brian Gosselin SITE: HTTP://SCRIPTASYLUM.COM EMAIL: SCRIPTASYLUM@HOTMAIL.COM SUPPORT: WORKS IN NETSCAPE 4+ AND 6+. WORKS IN IE4+ KNOWN BUGS: BOX DOES NOT APPEAR CORRECTLY WHEN OVER FORM ELEMENTS IN NETSCAPE4.X. AS A RESULT, I HAVE CREATED PROVISIONS FOR THIS. SEE BELOW. ******************************************************/ var menuNormColor="lightgrey"; //NORMAL COLOR OF THE MENU ITEMS var menuHoverColor="#0084d8"; //COLOR OF THE MENU ITEMS ONMOUSEOVER var enableShadow=true; //SET TO "true" TO ENABLE SHADOW, "false" TO DISABLE IT. var enableShadowTransparency=true; //SET TO "true" TO ENABLE SHADOW SEMI-TRANSPARENCY (ie4+, ns6+ ONLY), "false" TO DISABLE IT. var disableNS4=false; // BECAUSE THE MENU DOESNT LOOK RIGHT WHEN THE PAGE CONTAINS FORMS IN NS4, SET THIS VALUE TO // "true" TO DISABLE THIS CONTEXT MENU AND USE THE DEFAULT ONE. THIS EFFECTS NS4.X ONLY. // THE ARRAY BELOW CONTAINS THE MENU ITEMS. FORMAT: // [ 'LINK TEXT TO APPEAR IN MENU' , 'LINK HREF' , 'TARGET WINDOW/FRAME' ]; // JUST ADD ARRAY ITEMS AS NEEDED KEEPING NUMBER SEQUENCE // TO ADD REGULAR (NON-LINK) HTML/TEXT, USE THE FOLLOWING FORMAT: // [ 'REGULAR TEXT/HTML HERE' ]; var menu=new Array(); menu[0]=['<center>- JavaScript -</center>']; menu[1]=['JavaScript Alert Box' , 'javascript:alert(\'This is a JavaScript alert box...\')' , '']; menu[2]=['Email me...' , 'mailto:scriptasylum@hotmail.com' , '']; menu[3]=['Print...' , 'javascript:window.print();' , '']; menu[4]=['Refresh this page.' , 'javascript:history.go(0)', '']; menu[5]=['View Page Source...' , 'view-source:'+location.href, '']; menu[6]=['<center>- Links -</center>']; menu[7]=['Script Asylum' , 'http://scriptasylum.com' , '_blank']; menu[8]=['Dynamic Drive' , 'http://dynamicdrive.com' , '_blank']; menu[9]=['Javascript Source' , 'http://javascriptsource.com' , '_blank']; menu[10]=['Right-click the mouse again to dismiss...']; //****************** NO NEED TO EDIT BEYOND HERE ******************** ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false; ie4 = (document.all && !document.getElementById)? true : false; ie5 = (document.all && document.getElementById)? true : false; ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false; w3c = (document.getElementById)? true : false; var mx=0; var my=0; var conmenu; var conshadow; var windowloaded=false; var opened=false; var ch=0; var cw=0; function setc(ref,c){ if(ns4)ref.bgColor=c; else ref.style.backgroundColor=c; } var txt='<div id="conshadow"> </div>'; txt+='<div id="conmenu">'; for(i=0;i<menu.length;i++){ if(menu[i].length<3){ txt+='<ilayer><div class="normtext">'+menu[i][0]+'</div></ilayer>'; }else{ txt+=(ns4)?'<ilayer width="100%" bgcolor="'+menuNormColor+'"><layer width="100%" onmouseover="setc(this,\''+menuHoverColor+'\')" onmouseout="setc(this,\''+menuNormColor+'\')">':'<div class="link" style="background-color:'+menuNormColor+'" onmouseover="setc(this,\''+menuHoverColor+'\')" onmouseout="setc(this,\''+menuNormColor+'\')">'; txt+='<a href="'+menu[i][1]+'" target="'+menu[i][2]+'" class="link">'+menu[i][0]+'</a>'; txt+=(ns4)?'</layer></ilayer>':'</div>'; }} txt+='</div>'; document.write(txt); function ns4trap(evt){ if(evt.which==2||evt.which==3){ showmenu(); return false; }} function showmenu(){ if(windowloaded){ if(opened){ if(ns4){ conmenu.visibility="hide"; conshadow.visibility="hide"; conmenu.moveTo(0,0); conshadow.moveTo(0,0); }else{ conmenu.style.visibility="hidden"; conshadow.style.visibility="hidden"; conmenu.style.left='0px'; conmenu.style.top='0px'; conshadow.style.left='0px'; conshadow.style.top='0px'; } opened=false; }else{ opened=true; var wh=(ie4||ie5)?document.body.clientHeight:window.innerHeight; var ww=(ie4||ie5)?document.body.clientWidth:window.innerWidth; var sx=(ie4||ie5)?document.body.scrollLeft:pageXOffset; var sy=(ie4||ie5)?document.body.scrollTop:pageYOffset; if(ie4||ie5){ if(mx+cw+13>=ww)mx=mx-cw-13; if(my+ch+13>=wh)my=my-ch-13; }else{ if(mx+cw-sx+13>=ww)mx=mx-cw-13; if(my+ch-sy+13>=wh)my=my-ch-13; } if(ns4){ conmenu.moveTo(mx,my); conmenu.visibility="show"; conshadow.moveTo(mx+8,my+8); if(enableShadow)conshadow.visibility="show"; }else{ conmenu.style.left=mx+((ie4||ie5)?sx:0)+'px'; conmenu.style.top=my+((ie4||ie5)?sy:0)+'px'; conshadow.style.left=mx+10+((ie4||ie5)?sx:0)+'px'; conshadow.style.top=my+10+((ie4||ie5)?sy:0)+'px'; setTimeout('conmenu.style.visibility="visible"; if(enableShadow)conshadow.style.visibility="visible"; ',50); }}}} if(ns4&&!disableNS4){ document.captureEvents(Event.MOUSEDOWN|Event.MOUSEMOVE); document.onmousedown=ns4trap; }else{ document.oncontextmenu=function(){ showmenu(); return false; }} document.onmousemove=function(evt){ mx=(ie4||ie5)?event.clientX:evt.pageX; my=(ie4||ie5)?event.clientY:evt.pageY; } window.onload=function(){ windowloaded=true; conmenu=(ns4)?document.layers['conmenu']:(ie4)?document.all['conmenu']:document.getElementById('conmenu'); conshadow=(ns4)?document.layers['conshadow']:(ie4)?document.all['conshadow']:document.getElementById('conshadow'); ch=(ns4)?conmenu.document.height:(ie4||ie5)?conmenu.clientHeight:conmenu.offsetHeight; cw=(ns4)?conmenu.document.width:(ie4||ie5)?conmenu.clientWidth:conmenu.offsetWidth; if(ns4){ conshadow.clip.height=conmenu.document.height; conshadow.clip.width=conmenu.document.width; conmenu.clip.bottom=conmenu.document.height; }else{ if(enableShadowTransparency){ if(ie4||ie5)conshadow.style.filter="alpha(opacity=50)"; if(ns6||!ie4||!ie5)conshadow.style.MozOpacity=.5; } conshadow.style.height=ch+((ie4||ie5)?4:0); conshadow.style.width=cw+((ie4||ie5)?4:0); } //ADD OTHER WINDOW ONLOAD EVENT HANDLER SCRIPTS/COMMANDS HERE } window.onresize=function(){ if(ns4)setTimeout('history.go(0)',200); //ADD OTHER WINDOW RESIZE HANDLER COMMANDS/SCRIPTS HERE } </script> <!--HEAD ENDS-->

MOUSE TAIL TEXT:

example: go to contact me page to view Mouse tail text

<script language="javascript"> // ENTER TEXT BELOW. CAN *NOT* INCLUDE NORMAL HTML CODE. var text='WELCOME TO NAVEENSHETTY.CJB.NET ...'; var delay=40; // SPEED OF TRAIL var Xoff=0; // PIXEL COUNT FROM THE LEFT OF THE CURSOR (- VALUES GO TO LEFT) var Yoff=-30; // PIXEL COUNT FROM THE TOP OF THE CURSOR (- VALUES GO UP) var txtw=14; // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES var beghtml='<font color="#00436e"><b>'; // OPTIONAL HTML CODE THAT EFFECTS WHOLE TEXT STRING SUCH AS FONT COLOR, SIZE, ETC. var endhtml='</b></font>'; // END HTML CODE. MOSTLY USED IF ABOVE SETTING IS USED. //********** NO NEED TO EDIT BELOW HERE **********\\ ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false; ie4 = (document.all && !document.getElementById)? true : false; ie5 = (document.all && document.getElementById)? true : false; ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false; var txtA=new Array(); text=text.split(''); var x1=0; var y1=-1000; var t=''; for(i=1;i<=text.length;i++){ t+=(ns4)? '<layer name="txt'+i+'" top="-100" left="0" width="'+txtw+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">'; t+=beghtml+text[i-1]+endhtml; t+=(ns4)? '</layer>' : '</div>'; } document.write(t); function moveid(id,x,y){ if(ns4)id.moveTo(x,y); else{ id.style.left=x+'px'; id.style.top=y+'px'; }} function animate(evt){ x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX); y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY); } function getidleft(id){ if(ns4)return id.left; else return parseInt(id.style.left); } function getidtop(id){ if(ns4)return id.top; else return parseInt(id.style.top); } function getwindowwidth(){ if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft; else return window.innerWidth+pageXOffset; } function movetxts(){ for(i=text.length;i>1;i=i-1){ if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){ moveid(txtA[i-1],0,-1000); moveid(txtA[i],0,-1000); }else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1])); } moveid(txtA[1],x1,y1); } window.onload=function(){ for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i); if(ns4)document.captureEvents(Event.MOUSEMOVE); document.onmousemove=animate; setInterval('movetxts()',delay); } </script>