»
EnglishFrenchVietnamese

Print - Dancing Stars Cursor with Images - JavaScriptBank.com

Full version: jsB@nk » Pointer » Trailer » Dancing Stars Cursor with Images
URL: http://www.javascriptbank.com/dancing-stars-cursor-with-images.html

Dancing Stars Cursor with Images © JavaScriptBank.comOne 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: http://www.javascriptbank.com/dancing-stars-cursor-with-images.html



JavaScript
<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-->


Files
http://javascriptbank.com/javascript/mouse/bongbong.gif