HTML DOM案例 - W3xue在线HTML/CSS/JS运行工具

​x
<a href="http://www.baidu.com" onmousemove="cursor('/img/baidu_logo.png')" onmouseout="hidecursor()">Baidu</a><br />
 
<html>
<head>
<script type="text/javascript">
function cursor(image)
{
trail.innerHTML="<img src='" + image + "' />"
trail.style.visibility="visible"
trail.style.position="absolute"
trail.style.left=event.clientX+10
trail.style.top=event.clientY
}
​
function hidecursor()
{
trail.style.visibility="hidden"
}
</script>
​
</head>
<body>
​
<h1>请把鼠标移动到链接上：</h1>
​
<a href="/" onmousemove="cursor('/img/eg_banner_W3xue100_35.gif')" onmouseout="hidecursor()">W3xue.com</a><br />