案例:HTML DOM案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<html>
2
<head>
3
<style>
4
img
5
{
6
filter:gray()
7
}
8
</style>
9
<script type="text/javascript">
10
function color()
11
{
12
document.getElementById('myImage').style.filter=false
13
}
14
function gray()
15
{
16
document.getElementById('myImage').style.filter="gray()"
17
}
18
</script>
19
</head>
20
21
<body>
22
<b>请把鼠标移动到图像链接上</b><br />
23
<a href="/index.html">
24
<img id="myImage" border="0" src="/img/eg_smile.gif" onmouseover="color()" onmouseout="gray()" />
25
</a>
26
</body>
27
28
</html>
29