<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="/img/eg_landscape.jpg" onmouseover="noFilter()" onmouseout="getFilter()" />
</body>
</html>