日期:2014-05-16  浏览次数:20476 次

如何利用js的事件处理动态显示DIV,急,急。。。
我最近的一个项目实现了图片播放的相关控件,如幻灯播放/暂停,缩放,旋转等。这块我们是用div显示的,当然其中增加了一些函数。现在,我不太清楚如何让该DIV控件在没有鼠标事件onmousemove的情况下一定时间内自动隐藏,一旦鼠标事件onmousemove触发,则该控件立即显示。
这里,我想到需要用setTimeout()和一个保存一定时间值的变量,但不知如何实现?
请教哪位大侠指点一二,给出相关代码。不胜感谢!

------解决方案--------------------
var myDiv=document.getElementById("你的DIVID");
myDiv.onmouseout=function(){
setTimeout(function(){this.style.display='none'},1000);//即可当你的div上鼠标移开后的1秒钟将你的Div隐藏
}