欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

js hover 定时器(实例代码)_基础知识

程序员文章站 2022-04-06 10:45:53
...
复制代码 代码如下:

$("#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);
});


效果如图:
js hover 定时器(实例代码)_基础知识
相关标签: js 定时器