資源小村 - 跟隨滑鼠走的閃爍文字

跟隨滑鼠走的閃爍文字

請用鍵盤Ｃｔｒｌ＋Ｃ複製以下原始碼到網頁 <HEAD></HEAD> 之內 <STYLE>.spanstyle{COLOR:#0066ff;FONT-FAMILY:Tahoma;FONT-SIZE:10pt;FONT-WEIGHT:normal;POSITION:absolute;TOP:-50px;VISIBILITY:visible}</STYLE>

請用鍵盤Ｃｔｒｌ＋Ｃ複製以下原始碼到網頁 <BODY> 之內 onload=javascript:pageonload()

請用鍵盤Ｃｔｒｌ＋Ｃ複製以下原始碼到網頁 <BODY></BODY> 之間 <script language=javascript> var message="這段文字已是一個範例"; var x,y; var step=16; var flag=0; message=message.split(""); var xpos=new Array(); for (i=0;i<=message.length-1;i++) { xpos[i]=50; } var ypos=new Array(); for (i=0;i<=message.length-1;i++) { ypos[i]=50; } function handlerMM(e) { x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX+0; y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY; flag=1; } function makesnake() { if (flag==1 && document.all) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step; ypos[i]=ypos[i-1]; } xpos[0]=x+step; ypos[0]=y; for (i=0; i<=message.length-1; i++) { var thisspan = eval("span"+(i)+".style"); thisspan.posLeft=xpos[i]; thisspan.posTop=ypos[i]; thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255; } } else if (flag==1 && document.layers) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step; ypos[i]=ypos[i-1]; } xpos[0]=x+step; ypos[0]=y; for (i=0; i<message.length-1; i++) { var thisspan = eval("document.span"+i); thisspan.left=xpos[i]; thisspan.top=ypos[i]; thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255; } } } </script> <script language=javascript> for (i=0;i<=message.length-1;i++) { document.write("<span id='span"+i+"' class='spanstyle'>"); document.write(message[i]); document.write("</span>"); } if (document.layers) { document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = handlerMM; </script> <script language=javascript> function pageonload() { makesnake(); window.setTimeout("pageonload();", 2); } </script>

修改原始碼的內容 ( 修改以下紅色的部分 )

var message="這段文字已是一個範例";
var x,y;
var step=16;
var flag=0;