x
 
<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="/index.html" onmousemove="cursor('/i/w3school_logo_white.gif')" onmouseout="hidecursor()">W3School.org.cn</a><br />
<a href="http://www.altavista.com" onmousemove="cursor('/i/eg_altavistalink.gif')" onmouseout="hidecursor()">AltaVista</a><br />
<a href="http://www.yahoo.com" onmousemove="cursor('/i/eg_yahoo.gif')" onmouseout="hidecursor()">Yahoo!</a><br />
<span id="trail" style="visibility:hidden">Hello</span>
</body>
</html>