?? 0103.htm
字號:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><!-- saved from url=(0032)http://www.ie-zone.com/index.php --><HTML><!-- #BeginTemplate "/Templates/Js.dwt" --> <HEAD><!-- #BeginEditable "doctitle" --> <TITLE>鼠標跟隨之一</TITLE><!-- #EndEditable --> <META http-equiv=Content-Type content="text/html; charset=gb2312"><LINK href="../../fav.ico" rel="shortcut icon"><STYLE type=text/css>BODY { MARGIN: 25px 25px 25px}#all TD { FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋體", "宋體"}INPUT { FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋體", "宋體"}SELECT { FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋體", "宋體"}P { FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋體", "宋體"}TEXTAREA { FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋體", "宋體"}#all A:active { COLOR: #7d070c}#all A:visited { COLOR: #7d070c}#all A:hover { COLOR: #336699}#all A:link { COLOR: #7d070c}</STYLE><SCRIPT language=JavaScript><!--function MM_goToURL() { //v3.0 var i, args=MM_goToURL.arguments; document.MM_returnValue = false; for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");}function JM_cc(ob){var obj=MM_findObj(ob); if (obj) { obj.select();js=obj.createTextRange();js.execCommand("Copy");}}function MM_findObj(n, d) { //v4.0 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && document.getElementById) x=document.getElementById(n); return x;}//--></SCRIPT><META content="MSHTML 5.50.4134.600" name=GENERATOR></HEAD><BODY id=all text=#000000 bgColor=#336699><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TR bgColor=#ffffff> <TD><IMG src="../images/sq_1.gif" width=11 height="14"></TD> <TD width="100%"></TD> <TD><IMG src="../images/sq_2.gif" width=11 height="14"></TD> </TR></TABLE><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TR bgColor=#ffffff> <TD><IMG src="../../images/space.gif" width=11 height="1"></TD> <TD width="100%"> <table width="100%" border="0" cellpadding="8"> <tr> <td align="center"> <script language="JavaScript">document.write("<font color=#7d070c style=\"font-size: 14px\">"+document.title+"</font>");</script> </td> </tr> <tr> <td bgcolor="#f7f7f7"><!-- #BeginEditable "example" --> <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 = 'img/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> <div id="trailSprite1" style="position: absolute; height:28px; width:36px;z-index: 100"> <img src="img/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="img/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="img/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="img/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="img/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> <!-- #EndEditable --></td> </tr> <tr> <td><!-- #BeginEditable "code" -->1.將下面的代碼復制到 <head> 內 <input type="button" name="Button" value="復制到我的剪貼板" onClick=JM_cc('js_1')> <br> <form name="form1" method="post" action=""> <textarea name="js_1" wrap="VIRTUAL" cols="80" rows="10"><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></textarea> </form> <br> 2.在<body>中加入下面的代碼<br> <DIV id="trailSprite1" style="position: absolute; height:28px; width:36px;z-index: 100"><br> <img src="blanktrail.gif" height=28 width=36 border=0 name="trailSprite1img"><br> </DIV><br> <DIV id="trailSprite2" style="position: absolute; height:28px; width:26px;z-index: 10"><br> <img src="blanktrail.gif" height=28 width=36 border=0 name="trailSprite2img"><br> </DIV><br> <DIV id="trailSprite3" style="position: absolute; height:28px; width:36px;z-index: 10"><br> <img src="blanktrail.gif" height=28 width=36 border=0 name="trailSprite3img"><br> </DIV><br> <DIV id="trailSprite4" style="position: absolute; height:28px; width:36px;z-index: 10"><br> <img src="blanktrail.gif" height=28 width=36 border=0 name="trailSprite4img"><br> </DIV><br> <DIV id="trailSprite5" style="position: absolute; height:28px; width:36px;z-index: 10"><br> <img src="blanktrail.gif" height=28 width=36 border=0 name="trailSprite5img"><br> </DIV><br> <script language="JavaScript1.2"><br> if (document.all&&window.print)<br> document.body.style.cssText="overflow-x:hidden;overflow-y:scroll"<br> </script> <br> <br> 3.使用到的圖片<br> <img src="img/trailgif1.gif" width="36" height="28"><img src="img/trailgif2.gif" width="36" height="28"><img src="img/trailgif3.gif" width="36" height="28"><img src="img/trailgif4.gif" width="36" height="28"><img src="img/trailgif5.gif" width="36" height="28"><img src="img/blanktrail.gif" width="36" height="28" border="1"> <!-- #EndEditable --></td> </table> <TD><IMG src="../../images/space.gif" width=11 height="1"></TD> </TABLE><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TR bgColor=#ffffff> <TD><IMG src="../images/sq_3.gif" width=11 height="14"></TD> <TD width="100%"></TD> <TD><IMG src="../images/sq_4.gif" width=11 height="14"></TD> </TR></TABLE></BODY><!-- #EndTemplate --></HTML>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -