如何用最简单的代码实现图层跟随鼠标移动？

everyask 2002-09-02 02:33:51

谢谢。

...全文

112 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

meizz 2002-09-02

打赏
举报

<div id=pop style="position:absolute;width:100;height:50;z-index:99">
<table border=0 bgcolor=#FF0000><tr><td align=center>层里文字</td></tr></table></div>

<script language=javascript>
function document.onmousemove()
{
var a = document.body.scrollTop;
var b = document.body.scrollLeft;
var x = window.event.x;
var y = window.event.y;
document.all.pop.style.top = a + y;
document.all.pop.style.left= b + x;
}
</script>

孟子E章 2002-09-02

打赏
举报

a.htc:
===========
<PROPERTY NAME="son" />
<ATTACH EVENT="onmouseover" ONEVENT="onit()" />
<ATTACH EVENT="onmousemove" ONEVENT="onit()" />
<ATTACH EVENT="onmouseout" ONEVENT="noit()" />
<SCRIPT>
function onit() {
var oSon=window.document.getElementById(son);
if (oSon==null) return;
with (oSon) {
innerHTML=alt;
style.display="block";
style.pixelLeft=window.event.clientX+window.document.body.scrollLeft+6;
style.pixelTop=window.event.clientY+window.document.body.scrollTop+9;
if(style.pixelLeft > window.screen.width - 300)
style.pixelLeft-=300
}
}

function noit() {
var oSon=window.document.getElementById(son);
if (oSon==null) return;
oSon.style.display="none";
}
</SCRIPT>

test.htm
==============
<body style="border:0">
<div son=hint alt="8888888888888" style="behavior:url(a.htc)">8888888888888</div>
<a href="/rss/viewart.rs?aid=1439279" son=hint alt="... 序<b>像所有故事一样</b>，这个故事是编造出来的。像所有假客观的小说一样，这个故事是不真实的。 ..." style="behavior:url(0007.htc)">一个陌生人心中的影子</a>
<a href="/rss/viewart.rs?aid=1439279" son=hint alt="<a href='http://'>88888</a>88888888" style="behavior:url(a.htc)">一个陌生人心中的影子一个陌生人心中的影子一个陌生人心中的影子一个陌生人心中的影子一个陌生人心中的影子一个陌生人心中的影子一个陌生人心中的影子一个陌生人心中的影子一个陌生人心中的影子一个陌生人心中的影子一个陌生人心中的影子一个陌生人心中的影子</a>
<div id=hint style="display:none"></div>
<style type="text/css">
#hint{width:250px;border:1px solid #000000;background:#9FC383;position:absolute;z-index:9;padding:4px;line-height:17px}
</style>