Dream Park教學部

字串滑鼠

Sample : 看見滑鼠拖著的文字便是範例～☆

按Ctrl+C把以下框內編碼複製，貼在<body></body>之間

<style> 
.spanstyle{position:absolute;visibility:visible;top:-50px;font-size:8pt;color:#DE5AAD} 
</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> 
</head> 
<body onload="makesnake()"> 
<script> 
<!-- 
for (i=0;i<=message.length;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>

<html>

<head>

</head>

<body>

貼在這裡

</body>

</html>

[ 說明 ]

font-size: 文字大小
color：文字色彩