文字游標

文字游標範例已在本頁

說明:游標後的文字隨著滑鼠移動而舞動

複製程式碼至<head></head>之間

<style> 
.spanstyle{position:absolute;visibility:visible;top:-50px;font-size:8pt;color:#333333} 
</style> 
<script> 
var x,y 
var step=20 
var flag=0 
var message="凡塵裏的你和我" 
message=message.split("") 
var xpos=new Array() 
for (i=0;i<=message.length;i++) { 
 xpos[i]=-50 
} 
var ypos=new Array() 
for (i=0;i<=message.length;i++) { 
 ypos[i]=-50 
} 
function handlerMM(e){ 
 x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX 
 y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY 
 flag=1 
} 
function makesnake() { 
 if (flag==1 && document.all) { 
     for (i=message.length; 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; i++) { 
      var thisspan = eval("span"+(i)+".style") 
      thisspan.posLeft=xpos[i] 
   thisspan.posTop=ypos[i] 
     } 
 } 
  
 else if (flag==1 && document.layers) { 
     for (i=message.length; 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; i++) { 
      var thisspan = eval("document.span"+i) 
      thisspan.left=xpos[i] 
   thisspan.top=ypos[i] 
     } 
 } 
  var timer=setTimeout("makesnake()",30) 
} 
</script>

　

複製程式碼至<body></body>之間

注意事項:

請將<body>更改為<body onload="makesnake()">