案例:HTML DOM案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<html>
2
<head>
3
<style>
4
h1
5
{
6
width:400;
7
}
8
</style>
9
10
<script type="text/javascript">
11
var i
12
function glow()
13
{
14
i=0
15
interval=setInterval("makeglow()",10)
16
}
17
18
function back()
19
{
20
clearInterval(interval)
21
document.getElementById('myHeader').style.filter=false
22
}
23
24
function makeglow()
25
{
26
i++
27
if (i<5)
28
    {
29
    document.getElementById('myHeader').style.filter="glow(strength=" + i + ")"
30
    }
31
else if (window.interval)
32
    {
33
    clearInterval(interval)
34
    }
35
}
36
37
</script>
38
</head>
39
40
<body>
41
<h1 id="myHeader" onmouseover="glow()" onmouseout="back()">请把鼠标移动到这个标题上</h1>
42
</body>
43
44
</html>
45