案例:HTML DOM案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<html>
2
<head>
3
<script type="text/javascript">
4
function cursor(image)
5
{
6
trail.innerHTML="<img src='" + image + "' />"
7
trail.style.visibility="visible"
8
trail.style.position="absolute"
9
trail.style.left=event.clientX+10
10
trail.style.top=event.clientY
11
}
12
13
function hidecursor()
14
{
15
trail.style.visibility="hidden"
16
}
17
</script>
18
19
</head>
20
<body>
21
22
<h1>请把鼠标移动到链接上:</h1>
23
24
<a href="/" onmousemove="cursor('/img/eg_banner_W3xue100_35.gif')" onmouseout="hidecursor()">W3xue.com</a><br />
25
<a href="http://www.baidu.com" onmousemove="cursor('/img/baidu_logo.png')" onmouseout="hidecursor()">Baidu</a><br />
26
<a href="http://www.so.com" onmousemove="cursor('/img/360so_logo.png')" onmouseout="hidecursor()">360so</a><br />
27
28
<span id="trail" style="visibility:hidden">Hello</span>
29
30
</body>
31
</html>