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