mouseover显示层mouseout隐藏层,并且在鼠标放上层时显示层

<body>
<a href=”javascript:voie(0)” id=”atest” onmouseover=”a_onmouseover()”>鼠标放上测试</a>
<div id=”divTest” style=”display: none; background: red; width: 100px”>
我显示出来啦!!!
</div>

<script type=”text/javascript”>
/*
*Data:2009/12/11
*Author:董广祥
*/

var timer;
function a_onmouseover()
{
var ddv = document.getElementById(“divTest”);
var atest = document.getElementById(“atest”);
ddv.style.display=”block”;
ddv.onmouseover=function(){
clearTimeout(timer);
ddv.onmouseout=function(){
this.style.display=”none”;
}
}
atest.onmouseout=function(){Mout()}
}

function Mout()
{
timer = setTimeout(function(){document.getElementById(“divTest”).style.display=”none”;},100);
}

</script>

</body>

个人创业、生活不易,本站如有侵权请联系客服删除
小白邦 » mouseover显示层mouseout隐藏层,并且在鼠标放上层时显示层

小白邦主旨帮助小白解决生活难题!

互惠互利 共同进步

扫码加微信