指针轨迹

  1. <html>
  2. <head>
  3.  
  4. <script type="text/javascript">
  5. var i=0
  6. txt=new Array("trailA","trailB","trailC")
  7.  
  8. function cursor(interval)
  9. {
  10. pos=i*8+5
  11. if (interval=='first')
  12.     {
  13.     i=0
  14.     }
  15. if (i==0)
  16.     {
  17.     xpos=event.clientX
  18.     ypos=event.clientY
  19.     document.all(txt[i]).style.visibility="visible"
  20.     document.all(txt[i]).style.position="absolute"
  21.     document.all(txt[i]).style.left=xpos+5
  22.     document.all(txt[i]).style.top=ypos+5
  23.     }
  24. else
  25.     {    
  26.     document.all(txt[i]).style.visibility="visible"
  27.     document.all(txt[i]).style.position="absolute"
  28.     document.all(txt[i]).style.left=xpos+pos
  29.     document.all(txt[i]).style.top=ypos+pos
  30.     }
  31. if (i==txt.length)
  32.     {
  33.     i=i
  34.     }
  35. else
  36.     {
  37.     i++
  38.     }
  39. setTimeout("cursor('next')",10)
  40. }
  41. </script>
  42.  
  43. </head>
  44. <body onmousemove="cursor('first')">
  45.  
  46. <h1>请在页面上移动指针</h1>
  47.  
  48. <span id="trailA" style="visibility:hidden">W</span>
  49. <span id="trailB" style="visibility:hidden">3</span>
  50. <span id="trailC" style="visibility:hidden">S</span>
  51.  
  52. </body>
  53. </html>