Lessons
: 1 :
: 2 :
: 3 :
: 4 :
: 5 :
: 6 :
: 7 :
: 8 :
: 9 :
: 10 :
Home
Welcome to JS
Cut & Paste Codes
Javascript for Images Trailing Mouse Pointer..
<script language="javascript"><!-- script function ms() { document.all.fs1.style.pixelLeft=event.screenX; document.all.fs1.style.pixelTop=event.screenY-120; document.all.fs2.style.pixelLeft=document.all.fs1.style.pixelLeft+60; document.all.fs2.style.pixelTop=event.screenY-120; document.all.fs3.style.pixelLeft=document.all.fs2.style.pixelLeft+60; document.all.fs3.style.pixelTop=event.screenY-120; document.all.fs4.style.pixelLeft=document.all.fs3.style.pixelLeft+60; document.all.fs4.style.pixelTop=event.screenY-120; } //end--></script>
Copy the above code and paste it in your HTML document's Head tag
Call the 'ms();' function in Body tag by
<BODY onload="ms();">
<img src="fish.gif" height=50 width=54 style="position: absolute; " id='fs1'> <img src="fish.gif" height=50 width=54 style="position: absolute; " id='fs2'> <img src="fish.gif" height=50 width=54 style="position: absolute; " id='fs3'> <img src="fish.gif" height=50 width=54 style="position: absolute; " id='fs4'>
Copy and paste the above code in body tag of the page.
Don't forget the '
fish.gif
' file must exist in same directory
Copy the above code and paste it in your HTML document's Head tag | Provided by
vs.Net
