js hover 定时器(实例代码)
更新时间:2013年11月12日 08:54:08 作者:
下面小编就为大家分享一段js hover 定时器的简单实例。需要的朋友可以过来参考下,希望对大家有所帮助
复制代码 代码如下:
$("#showComp tr:not('.stlisttitle')").hover(function(){
try{if($("#calendarPanel").is(":visible")) $(".playerlist").hide();else{clearTimeout(timMess);
$(".playerlist").css("top",$(this).offset().top-$(".calendarCon").offset().top-30).show();}}catch(e){}
},function(){
timMess=setTimeout(function(){
$(".playerlist").hide();
},300);
//$(this).css("background","");
});
$(".playerlist").hover(function(){
clearTimeout(timMess);
},function(){
timMess=setTimeout(function(){
$(".playerlist").hide();
},300);
});
效果如图:
您可能感兴趣的文章:
相关文章
Javascript入门学习第八篇 js dom节点属性说明
上2篇文章我们讲了 用dom方式 创建节点,复制节点,插入节点, 删除节点,替换节点,查找节点,获取属性等。。。2008-07-07Javascript学习笔记之函数篇(六) : 作用域与命名空间
本文主要讲述了javascript中作用域和命名空间的区别,十分的详细,这里推荐给大家,希望小伙伴能有所收获2014-11-11Windows下用PyCharm和Visual Studio开始Python编程
这篇文章主要介绍了Windows下用PyCharm和Visual Studio开始Python编程,这两个软件也是Windows下Python的IDE的代表,需要的朋友可以参考下2015-10-10
最新评论