摇动的链接

  1. <html>
  2. <head>
  3. <style>
  4. a
  5. {
  6. color:black;
  7. width:170;
  8. font:bold;
  9. text-decoration:none;
  10. }
  11. </style>
  12. <script type="text/javascript">
  13. var i
  14. function wave()
  15. {
  16. i=0
  17. interval=setInterval("makewave(myLink)",10)
  18. }
  19.  
  20. function back()
  21. {
  22. clearInterval(interval)
  23. document.getElementById('myLink').style.filter=false
  24. }
  25.  
  26. function makewave()
  27. {
  28. i++
  29. if (i<5)
  30.     {
  31.     document.getElementById('myLink').style.filter="wave(add=true, freq=1, lightstrength=3, phase=0, strength=" + i + ")"
  32.     }
  33.  
  34. else if (window.interval)
  35.     {
  36.     clearInterval(interval)
  37.     }
  38. }
  39. </script>
  40. </head>
  41.  
  42. <body>
  43. <a href="/index.html" id="myLink" onmouseover="wave()" onmouseout="back()">请把鼠标移动到链接上</a>
  44. </body>
  45.  
  46. </html>