案例:HTML DOM案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<html>
2
<head>
3
<style>
4
a
5
{
6
color:black;
7
height:25px;
8
font:bold;
9
text-decoration:none;
10
}
11
</style>
12
<script type="text/javascript">
13
function dropshadow()
14
{
15
document.getElementById('myLink').style.filter="shadow()"
16
}
17
function back()
18
{
19
document.getElementById('myLink').style.filter=false
20
}
21
</script>
22
</head>
23
24
<body>
25
<a href="/index.html" id="myLink" onmouseover="dropshadow()" onmouseout="back()">请把鼠标移动到链接上</h1>
26
</body>
27
28
</html>
29