js实现悬浮层跟着鼠标走

最新推荐文章于 2020-05-24 11:41:16 发布

haozhongjun

最新推荐文章于 2020-05-24 11:41:16 发布

阅读量2k

点赞数

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<style>
#hint{
width:198px;
border:1px solid #000000;
background:#99ff33;
position:absolute;
z-index:9;
padding:6px;
line-height:17px;
text-align:left;
top:1520px;
}
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
function showme(){
var oSon = window.document.getElementById("hint");
if (oSon == null) return;
with (oSon){
innerText = guoguo.value;
style.display = "block";
style.pixelLeft = window.event.clientX + window.document.body.scrollLeft + 6;
style.pixelTop = window.event.clientY + window.document.body.scrollTop + 9;
}
}
function hidme(){
var oSon = window.document.getElementById("hint");
if(oSon == null) return;
oSon.style.display="none";
}
//-->
</SCRIPT>
<BODY>
<text id="guoguo" value="ga">
<a href="#" οnmοuseοver="showme()" οnmοuseοut="hidme()" οnmοusemοve="showme()">dfdfd</a><br><br><br><br><br><a href="#" οnmοuseοver="showme()" οnmοuseοut="hidme()" οnmοusemοve="showme()">dfdfd</a><br><br><br><br><a href="#" οnmοuseοver="showme()" οnmοuseοut="hidme()" οnmοusemοve="showme()">dfdfd</a><br><br><br><a href="#" οnmοuseοver="showme()" οnmοuseοut="hidme()" οnmοusemοve="showme()">dfdfd</a><br><br><a href="#" οnmοuseοver="showme()" οnmοuseοut="hidme()" οnmοusemοve="showme()">dfdfd</a><br><a href="#" οnmοuseοver="showme()" οnmοuseοut="hidme()" οnmοusemοve="showme()">dfdfd</a><br>
<div id="hint" style="display:none"></div>
</BODY>
</HTML>

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js实现悬浮层跟着鼠标走

"-//W3C//DTD HTML 4.0 Transitional//EN"> #hint{ width:198px; border:1px solid #000000; background:#99ff33; position:absolute; z-index:9; padding:6px; line
复制链接

扫一扫

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。