负片图像

  1. <html>
  2. <head>
  3. <style>
  4. img
  5. {
  6. filter:invert()
  7. }
  8. </style>
  9. <script type="text/javascript">
  10. function getFilter()
  11. {
  12. document.getElementById('myImage').style.filter="invert()"
  13. }
  14.  
  15. function noFilter()
  16. {
  17. document.getElementById('myImage').style.filter=false
  18. }
  19. </script>
  20. </head>
  21.  
  22. <body>
  23. <p>本例演示如何动态地插入反转滤镜。</p>
  24. <b>请把鼠标移动到图像上：</b><br />
  25. <img id="myImage" src="/i/eg_landscape.jpg" onmouseover="noFilter()" onmouseout="getFilter()" />
  26. </body>
  27.  
  28. </html>