Full version: jsB@nk » Pointer » Layers Mouse Trail
URL: https://www.javascriptbank.com/layers-mouse-trail.html
This effect creates layers follow mouse. Very cool.
Full version: jsB@nk » Pointer » Layers Mouse Trail
URL: https://www.javascriptbank.com/layers-mouse-trail.html
<STYLE>#leftright {BACKGROUND-COLOR: black; FILTER: alpha(opacity=3); FONT-SIZE: 1px; HEIGHT: 1px; LEFT: 0px; POSITION: absolute; TOP: 0px; WIDTH: 1px; Z-INDEX: 100; layer-background-color: black}#topdown {BACKGROUND-COLOR: black; FILTER: alpha(opacity=3); FONT-SIZE: 1px; HEIGHT: 1px; LEFT: 0px; POSITION: absolute; TOP: 0px; WIDTH: 1px; Z-INDEX: 100; layer-background-color: black}#leftright2 {BACKGROUND-COLOR: black; FILTER: alpha(opacity=3); FONT-SIZE: 1px; HEIGHT: 1px; LEFT: 600px; POSITION: absolute; TOP: 0px; WIDTH: 1px; Z-INDEX: 100; layer-background-color: black}#topdown2 {BACKGROUND-COLOR: black; FILTER: alpha(opacity=3); FONT-SIZE: 1px; HEIGHT: 1px; LEFT: 600px; POSITION: absolute; TOP: 325px; WIDTH: 1px; Z-INDEX: 100; layer-background-color: black}</STYLE><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><SCRIPT language=JavaScript1.2><!--if (document.all&&!window.print){leftright.style.width=document.body.clientWidth-2topdown.style.height=document.body.clientHeight-2topdown2.style.height=document.body.clientHeight-2leftright2.style.width=document.body.clientWidth-2}else if (document.layers){document.leftright.clip.width=window.innerWidthdocument.leftright.clip.height=1document.topdown.clip.width=1document.topdown.clip.height=window.innerHeightdocument.topdown2.clip.width=1document.topdown2.clip.height=window.innerHeightdocument.leftright2.clip.width=window.innerWidthdocument.leftright2.clip.height=1}function followmouse1(){//move cross engine for IE 4+leftright.style.pixelTop=document.body.scrollTop+event.clientY+1topdown.style.pixelTop=document.body.scrollToptopdown2.style.pixelBottom=document.body.scrollBottomleftright2.style.pixelTop=document.body.scrollTop+event.clientY+1topdown2.style.pixelLeft=document.body.scrollLeft+event.clientX+1if (event.clientX<document.body.clientWidth-2)topdown.style.pixelLeft=document.body.scrollLeft+event.clientX+1elsetopdown.style.pixelLeft=document.body.clientWidth-2}function followmouse2(e){//move cross engine for NS 4+document.leftright.top=e.y+1document.leftright2.top=e.y+1document.topdown.top=pageYOffsetdocument.topdown.left=e.x+1document.topdown2.left=e.x+1}if (document.all)document.onmousemove=followmouse1else if (document.layers){window.captureEvents(Event.MOUSEMOVE)window.onmousemove=followmouse2}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><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><DIV id=leftright style="HEIGHT: 90px; WIDTH: 198px"><DIV align=center><CENTER><TABLE border=1 height=86 width=193> <TBODY> <TR> <TD bgColor=#99ccff borderColor=#000080 borderColorDark=#000080 borderColorLight=#99ccff height=86 width=193> <P align=center><FONT color=#000080 face=Algerian size=7>JSBank</FONT></P></TD></TR></TBODY></TABLE></CENTER></DIV></DIV><DIV id=topdown style="HEIGHT: 90px; WIDTH: 190px"><DIV align=center><CENTER><TABLE border=1 height=86 width=193> <TBODY> <TR> <TD bgColor=#99ccff borderColor=#000080 borderColorDark=#000080 borderColorLight=#99ccff height=86 width=193> <P align=center><FONT color=#000080 face=Algerian size=7>JSBank</FONT></P></TD></TR></TBODY></TABLE></CENTER></DIV></DIV><DIV id=leftright2 style="HEIGHT: 90px; WIDTH: 190px"><DIV align=center><CENTER><TABLE border=1 height=86 width=193> <TBODY> <TR> <TD bgColor=#99ccff borderColor=#000080 borderColorDark=#000080 borderColorLight=#99ccff height=86 width=193> <P align=center><FONT color=#000080 face=Algerian size=7>JSBank</FONT></P></TD></TR></TBODY></TABLE></CENTER></DIV></DIV><DIV id=topdown2 style="HEIGHT: 90px; WIDTH: 190px"><DIV align=center><CENTER><TABLE border=1 height=86 width=193> <TBODY> <TR> <TD bgColor=#99ccff borderColor=#000080 borderColorDark=#000080 borderColorLight=#99ccff height=86 width=193> <P align=center><FONT color=#000080 face=Algerian size=7>JSBank</FONT></P></TD></TR></TBODY></TABLE></CENTER></DIV></DIV><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->