js 用延时函数来实现像鼠标移入qq头像然后会出现新的模块
Posted 小极客
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js 用延时函数来实现像鼠标移入qq头像然后会出现新的模块相关的知识，希望对你有一定的参考价值。
就好像这功能。
代码如下
<style> #div1{ width:50px; height:50px; background:red; margin-bottom:10px; } #div2{ width:200px; height:200px; background:black; display:none; } </style> <body> <div id="div1"></div> <div id="div2"></div> </body>
<script>
window.onload=function()
{
var div1=document.getElementById("div1");
var div2=document.getElementById(\'div2\');
var timer=null;
div1.onmouseover= function()
{
div2.style.display=\'block\';
};
div1.onmouseout= function()
{
clearTimeout(timer);
timer= setTimeout(function()
{
div2.style.display=\'none\';
}, 500)
};
div2.onmouseover=function()
{
clearTimeout(timer);
};
div2.onmouseout=function(){
timer=setTimeout(function(){div2.style.display=\'none\';},500);
}
}
</script>
为什么要用延时器，
因为当移动另外一个模块时需要一定的时间，延时，鼠标能有一定的时间移到新的模块。
以上是关于js 用延时函数来实现像鼠标移入qq头像然后会出现新的模块的主要内容，如果未能解决你的问题，请参考以下文章
QQ的一些图标是隐藏了按钮的边框 但是鼠标放在上面又出现了 想问一下如何用WPF实现的