onmousemove 与onmouseout的测试效果

赵-旭-东

于 2011-08-19 17:45:33 发布

阅读量799

点赞数

分类专栏： html 文章标签：测试 image yahoo function

本文链接：https://blog.youkuaiyun.com/familyGo/article/details/6702725

版权

html 专栏收录该内容

8 篇文章

订阅专栏

<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" οnmοusemοve="cursor('/i/w3school_logo_white.gif')" οnmοuseοut="hidecursor()">W3School.com.cn</a><br />
<a href="http://www.altavista.com" οnmοusemοve="cursor('/i/eg_altavistalink.gif')" οnmοuseοut="hidecursor()">AltaVista</a><br />
<a href="http://www.yahoo.com" οnmοusemοve="cursor('/i/eg_yahoo.gif')" οnmοuseοut="hidecursor()">Yahoo!</a><br />

<span id="trail" style="visibility:hidden">Hello</span>

</body>
</html>