我想在悬停后改变行的bg颜色(意思是......每行都有一个工具提示。我想在查看工具提示文本后才改变颜色)1或2秒。怎么做到这一点?使用我当前的代码,我的鼠标光标在1秒de
之后触摸的所有行的颜色都会发生变化使用我当前的代码,我的鼠标光标在1秒后触摸的所有行的颜色都会发生变化
当前代码:
$('#table_id tr td').hover(function() {
var self = this;
setTimeout(function() {
$(self).parent('tr').addClass('blueBgColor');
}, 2000);
});
答案 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)
kamesh解决方案非常好.. look at this jsfiddle:
你可以将光标移到行上..只有你连续停留2秒,才会改变他的背景。
thisid.parent('tr').css({'background-color':'#00F','color':'#fff'});
},2500);