阴影链接

  1. <html>
  2. <head>
  3. <style>
  4. a
  5. {
  6. color:black;
  7. height:25px;
  8. font:bold;
  9. text-decoration:none;
  10. }
  11. </style>
  12. <script type="text/javascript">
  13. function dropshadow()
  14. {
  15. document.getElementById('myLink').style.filter="shadow()"
  16. }
  17. function back()
  18. {
  19. document.getElementById('myLink').style.filter=false
  20. }
  21. </script>
  22. </head>
  23.  
  24. <body>
  25. <a href="/index.html" id="myLink" onmouseover="dropshadow()" onmouseout="back()">请把鼠标移动到链接上</h1>
  26. </body>
  27.  
  28. </html>