Phiên bản đầy đủ: jsB@nk » Con trỏ » Di chuyển theo chuột » Đốm đỏ theo chuột
URL: https://www.javascriptbank.com/fade-away-cursor-trail-script-index.html
Hiệu ứng tạo ra các đốm tròn màu đỏ với kích thước nhỏ dần di chuyển theo con trỏ chuột.
Phiên bản đầy đủ: jsB@nk » Con trỏ » Di chuyển theo chuột » Đốm đỏ theo chuột
URL: https://www.javascriptbank.com/fade-away-cursor-trail-script-index.html
<SCRIPT language="Javascript1.2"><!--/*Fade-away cursor trail (By Dave Collins at davecollin1@excite.com)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--><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-->
http://javascriptbank.com/javascript/mouse/blanktrail.gif