案例:HTML DOM案例     状态:可编辑再运行    进入横版
x
<h1 id="myHeader" onmouseover="dropshadow()" onmouseout="back()">请把鼠标移动到这个标题上</h1>
 
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

 运行结果 
 北美留学生论坛