jquery / css:我只想在悬停1或2秒后更改行的bgcolor。怎么做到这一点?

时间:2014-08-06 12:41:59

标签: jquery css hoverintent

我想在悬停后改变行的bg颜色(意思是......每行都有一个工具提示。我想在查看工具提示文本后才改变颜色)1或2秒。怎么做到这一点?使用我当前的代码,我的鼠标光标在1秒de

之后触摸的所有行的颜色都会发生变化

使用我当前的代码,我的鼠标光标在1秒后触摸的所有行的颜色都会发生变化

当前代码:

$('#table_id tr td').hover(function() {
    var self = this;
    setTimeout(function() {
        $(self).parent('tr').addClass('blueBgColor');
    }, 2000);
});

2 个答案:

答案 0 :(得分:3)

我使用了setTimeout函数来完成你的任务......

var timer, thisid;
 $('td').mouseenter(function(){
    thisid = $(this);
     timer = setTimeout(function(){
       $(thisid).parent('tr').addClass('blueBgColor');
    },2000);  
}).mouseleave(function(){
    clearTimeout(timer);
});

供您参考,请查看此FIDDLE

答案 1 :(得分:0)

Kishore你希望我们完成所有工作.. 很难将超时增加到2000毫秒或3000毫秒,无论你想要什么???

kamesh解决方案非常好.. look at this jsfiddle:

你可以将光标移到行上..只有你连续停留2秒,才会改变他的背景。

  thisid.parent('tr').css({'background-color':'#00F','color':'#fff'});
      },2500);