案例:HTML DOM案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<html>
2
<head>
3
<style>
4
img
5
{
6
filter:alpha(opacity=10)
7
}
8
</style>
9
<script type="text/javascript">
10
function clean()
11
{
12
interval=setInterval("makeclean(myImage)",10)
13
}
14
function foggy()
15
{
16
clearInterval(interval)
17
document.getElementById('myImage').filters.alpha.opacity=10
18
}
19
function makeclean()
20
{
21
if (document.getElementById('myImage').filters.alpha.opacity<100)
22
    {
23
    document.getElementById('myImage').filters.alpha.opacity+=5
24
    }
25
else if (window.interval)
26
    {
27
    clearInterval(interval)
28
    }
29
}
30
</script>
31
</head>
32
33
<body>
34
<b>请把鼠标移动到图像链接上:</b><br />
35
<a href="/index.html">
36
<img border="0" id="myImage" src="/img/eg_smile.gif" onmouseover="clean()" onmouseout="foggy()" />
37
</a>
38
</body>
39
40
</html>
41