燃烧的标题

  1. <html>
  2. <head>
  3. <style>
  4. h1
  5. {
  6. width:400;
  7. }
  8. </style>
  9.  
  10. <script type="text/javascript">
  11. var i
  12. function glow()
  13. {
  14. i=0
  15. interval=setInterval("makeglow()",10)
  16. }
  17.  
  18. function back()
  19. {
  20. clearInterval(interval)
  21. document.getElementById('myHeader').style.filter=false
  22. }
  23.  
  24. function makeglow()
  25. {
  26. i++
  27. if (i<5)
  28.     {
  29.     document.getElementById('myHeader').style.filter="glow(strength=" + i + ")"
  30.     }
  31. else if (window.interval)
  32.     {
  33.     clearInterval(interval)
  34.     }
  35. }
  36.  
  37. </script>
  38. </head>
  39.  
  40. <body>
  41. <h1 id="myHeader" onmouseover="glow()" onmouseout="back()">请把鼠标移动到这个标题上</h1>
  42. </body>
  43.  
  44. </html>