案例:HTML DOM案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<html>
2
<head>
3
<style>
4
img
5
{
6
filter:xray()
7
}
8
</style>
9
<script type="text/javascript">
10
function getFilter()
11
{
12
document.getElementById('myImage').style.filter="xray()"
13
}
14
function noFilter()
15
{
16
document.getElementById('myImage').style.filter=false
17
}
18
</script>
19
</head>
20
21
<body>
22
<p>本例演示 xray 滤镜:</p>
23
<p>请把图像移动到下面的图像上:</p>
24
<img id="myImage" src="/img/eg_landscape.jpg" onmouseover="noFilter()" onmouseout="getFilter()" />
25
</body>
26
27
</html>
28