W3Schools 在线编辑工具（TIY） V3.0
编辑的代码:
运行代码 »
©
w3s.com.cn
<html> <head> <style> img { filter:invert() } </style> <script type="text/javascript"> function getFilter() { document.getElementById('myImage').style.filter="invert()" } function noFilter() { document.getElementById('myImage').style.filter=false } </script> </head> <body> <p>本例演示如何动态地插入反转滤镜。</p> <b>请把鼠标移动到图像上：</b><br /> <img id="myImage" src="/i/eg_landscape.jpg" onmouseover="noFilter()" onmouseout="getFilter()" /> </body> </html>