Full version: jsB@nk » Pointer » Trailer » Dancing Stars Cursor with Images
URL: https://www.javascriptbank.com/dancing-stars-cursor-with-images.html
One of the many cursor scripts in our archive, this one produces dancing stars animating around your mouse. The script uses images, so the effect is extremely lightweight and easy to customize.
Full version: jsB@nk » Pointer » Trailer » Dancing Stars Cursor with Images
URL: https://www.javascriptbank.com/dancing-stars-cursor-with-images.html
<script language="JavaScript">var images="bongbong.gif";var amount=8; var yBase = 150;var xBase = 200;var step = .2;var currStep = 0;var Xpos = 5;var Ypos = 5;var i = 0;var j = 0;if (document.all){document.write('<div id="ieDiv" style="position:absolute;top:0px;left:0px">')document.write('<div id="c" style="position:relative">');for (n=0; n < amount; n++)document.write('<img src=" '+images+'" style="position:absolute;top:0px;left:0px">')document.write('</div>')document.write('</div>')function MsieMouseFollow(){ Xpos = document.body.scrollLeft+event.x-5; Ypos = document.body.scrollTop+event.y-5; } document.onmousemove = MsieMouseFollow;}else if (document.layers){window.captureEvents(Event.MOUSEMOVE);for (ns=0; ns < amount; ns++) document.write("<LAYER NAME='n"+ns+"' LEFT=0 TOP=0><IMG SRC='"+images+"'></LAYER>");function NsMouseFollow(evnt){ Xpos = evnt.pageX-5; Ypos = evnt.pageY-5; } window.onMouseMove = NsMouseFollow;}function Swirl(){if (document.all){ yBase = window.document.body.offsetHeight/4; xBase = window.document.body.offsetWidth/4;}else if (document.layers){ yBase = window.innerHeight/4; xBase = window.innerWidth/4;}if (document.all){ for (i=0;i<ieDiv.all.c.all.length;i++) { ieDiv.all.c.all[i].style.top = Ypos + Math.cos((20*Math.sin(currStep/20))+i*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10); ieDiv.all.c.all[i].style.left = Xpos + Math.sin((20*Math.sin(currStep/20))+i*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10); }}else if (document.layers){ for ( j = 0 ; j < ns ; j++ ) { var temp="n"+j document.layers[temp].top = Ypos + Math.cos((20*Math.sin(currStep/20))+j*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10); document.layers[temp].left =Xpos + Math.sin((20*Math.sin(currStep/20))+j*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10); }}currStep += step;setTimeout("Swirl()", 10);}Swirl();// --></script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->http://javascriptbank.com/javascript/mouse/bongbong.gif