案例：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
​
15
function foggy()
16
{
17
clearInterval(interval)
18
document.getElementById('myImage').filters.alpha.opacity=10
19
}
20
​
21
function makeclean()
22
{
23
if (document.getElementById('myImage').filters.alpha.opacity<100)
24
    {
25
    document.getElementById('myImage').filters.alpha.opacity+=5
26
    }
27
else if (window.interval)
28
    {
29
    clearInterval(interval)
30
    }
31
}
32
</script>
33
</head>
34
​
35
<body>
36
<img id="myImage" src="/img/eg_landscape.jpg" onmouseover="clean()" onmouseout="foggy()" />
37
<b>请把鼠标移动到这个图像上</b>
38
</body>
39
</html>
40
​