灰色图像链接

  1. <html>
  2. <head>
  3. <style>
  4. img
  5. {
  6. filter:gray()
  7. }
  8. </style>
  9. <script type="text/javascript">
  10. function color()
  11. {
  12. document.getElementById('myImage').style.filter=false
  13. }
  14. function gray()
  15. {
  16. document.getElementById('myImage').style.filter="gray()"
  17. }
  18. </script>
  19. </head>
  20.  
  21. <body>
  22. <b>请把鼠标移动到图像链接上</b><br />
  23. <a href="/index.html">
  24. <img id="myImage" border="0" src="/i/eg_smile.gif" onmouseover="color()" onmouseout="gray()" />
  25. </a>
  26. </body>
  27.  
  28. </html>