渐变显示图像

  1. <html>
  2. <head>
  3. <style>
  4. img
  5. {
  6. filter:alpha(opacity=10)
  7. }
  8. </style>
  9. <script type="text/javascript">
  10. function clean()
  11. {
  12. interval=setInterval("makeclean(myImage)",10)
  13. }
  14.  
  15. function foggy()
  16. {
  17. clearInterval(interval)
  18. document.getElementById('myImage').filters.alpha.opacity=10
  19. }
  20.  
  21. function makeclean()
  22. {
  23. if (document.getElementById('myImage').filters.alpha.opacity<100)
  24.     {
  25.     document.getElementById('myImage').filters.alpha.opacity+=5
  26.     }
  27. else if (window.interval)
  28.     {
  29.     clearInterval(interval)
  30.     }
  31. }
  32. </script>
  33. </head>
  34.  
  35. <body>
  36. <img id="myImage" src="/i/eg_landscape.jpg" onmouseover="clean()" onmouseout="foggy()" />
  37. <b>请把鼠标移动到这个图像上</b>
  38. </body>
  39. </html>