»
EnglishFrenchVietnamese

Print - Fade-away cursor trail script - JavaScriptBank.com

Full version: jsB@nk » » Fade-away cursor trail script
URL: https://www.javascriptbank.com/fade-away-cursor-trail-script-index.html

Fade-away cursor trail script © JavaScriptBank.comOne of the most spetacular and efficient mouse trail scripts you'll find, this one is similar to the above, only that this trail fades away when the cursor is inactive.

Full version: jsB@nk » » Fade-away cursor trail script
URL: https://www.javascriptbank.com/fade-away-cursor-trail-script-index.html



JavaScript
<SCRIPT language="Javascript1.2"><!--/*Fade-away cursor trail (By Dave Collins at [email protected])Code and technique learned from site SiteExperts.comPermission granted to Dynamicdrive.com to include script in archiveFor this and 100's more DHTML scripts, visit http://dynamicdrive.com*/var isNS = (navigator.appName == "Netscape");layerRef = (isNS) ? "document" : "document.all";styleRef = (isNS) ? "" : ".style";var queue = new Array();var NUM_OF_TRAIL_PARTS = 5for (x=1; x < 6; x++) {eval("trailSpriteFrame" + x + " = new Image(28,36);");eval("trailSpriteFrame" + x + ".src = 'trailgif" + x + ".gif';");}function trailSpriteObj(anID) {this.trailSpriteID = "trailSprite" + anID;this.imgRef = "trailSprite" + anID + "img";this.currentFrame = 1;this.animateTrailSprite = animateTrailSprite;}function animateTrailSprite() {if (this.currentFrame <6 ) {if (isNS) {eval("document." + this.trailSpriteID +".document['"+ this.imgRef + "'].src  =  trailSpriteFrame" + this.currentFrame + ".src");} else {eval("document['" + this.imgRef + "'].src  =  trailSpriteFrame" + this.currentFrame + ".src");}this.currentFrame ++;} else {eval(layerRef + '.' + this.trailSpriteID +  styleRef + '.visibility = "hidden"');}}function processAnim() {for(x=0; x < NUM_OF_TRAIL_PARTS; x++)queue[x].animateTrailSprite();}function processMouse(e) {currentObj = shuffleQueue();if (isNS) {eval("document." + currentObj + ".left = e.pageX - 10 ;");eval("document." + currentObj + ".top = e.pageY + 10;");} else {eval("document.all." + currentObj + ".style.pixelLeft = event.clientX + document.body.scrollLeft - 10 ;");eval("document.all." + currentObj + ".style.pixelTop = event.clientY + document.body.scrollTop + 10;");}}function shuffleQueue() {lastItemPos = queue.length - 1;lastItem = queue[lastItemPos];for (i = lastItemPos; i>0; i--) queue[i] = queue[i-1];queue[0] = lastItem;queue[0].currentFrame = 1;eval(layerRef + '.' + queue[0].trailSpriteID +  styleRef + '.visibility = "visible"');return queue[0].trailSpriteID;}function init() {for(x=0; x<NUM_OF_TRAIL_PARTS; x++)queue[x] = new trailSpriteObj(x+1) ;if (isNS) { document.captureEvents(Event.MOUSEMOVE); }document.onmousemove = processMouse;setInterval("processAnim();",25);}if (document.all||document.layers)window.onload = init;//--></SCRIPT><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<DIV id="trailSprite1" style="position: absolute; height:28px; width:36px;z-index: 100"><img src="blanktrail.gif" height=28 width=36 border=0 name="trailSprite1img"></DIV><DIV id="trailSprite2" style="position: absolute; height:28px; width:26px;z-index: 10"><img src="blanktrail.gif" height=28 width=36 border=0 name="trailSprite2img"></DIV><DIV id="trailSprite3" style="position: absolute; height:28px; width:36px;z-index: 10"><img src="blanktrail.gif" height=28 width=36 border=0 name="trailSprite3img"></DIV><DIV id="trailSprite4" style="position: absolute; height:28px; width:36px;z-index: 10"><img src="blanktrail.gif" height=28 width=36 border=0 name="trailSprite4img"></DIV><DIV id="trailSprite5" style="position: absolute; height:28px; width:36px;z-index: 10"><img src="blanktrail.gif" height=28 width=36 border=0 name="trailSprite5img"></DIV><script language="JavaScript1.2">if (document.all&&window.print)document.body.style.cssText="overflow-x:hidden;overflow-y:scroll"</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/blanktrail.gif