阴影标题

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