元素下方提示层的代码

最新推荐文章于 2021-08-26 10:54:17 发布

吉普赛的歌

最新推荐文章于 2021-08-26 10:54:17 发布

阅读量614

点赞数

分类专栏： # JS

JS 专栏收录该内容

84 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<SCRIPT LANGUAGE="JavaScript">
 
window.οnlοad=function(){
    var d1=document.getElementById("d1");
    var d2=document.getElementById("d2");
d2.οnmοuseοver=function(){clearTimeout(timer);}//移动到层上清除计时器
d2.οnmοuseοut=function(){  d2.style.display="none"}
    d1.οnmοuseοver=function(){clearTimeout(timer);//
        d2.style.display="block";
    };
var timer
    d1.οnmοuseοut=function(){
timer=setTimeout(function(){        d2.style.display="none";},200);//用计时器来隐藏，如果距离很远间隔要放大一些
    }
}
</SCRIPT>
<BODY>
<a id="d1" href="#" style="text-decoration:none;">aaa</a>
<div id="d2" style="width:60px;height:30px;border:1px solid red;background-color:blue;display:none">
</div>
</BODY>
</HTML>

原文章出于论坛：点击打开链接