Jquery，我怎样才能减少闪烁？
提问于 2011-03-08 11:29:57
当您将鼠标悬停在绿色区域上时，它应该显示两个文本字段。现在我想实现的是，当我将鼠标悬停在绿色区域或输入字段上时，它们应该是可见的，而不会闪烁。此外，如果在文本字段中输入了一些文本，而我将鼠标悬停在文本字段中，则在字段消失之前应该有一段延迟或计时器。
你知道如何使用jquery做到这一点吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2011-03-08 11:33:12
为了防止闪烁，只需使用mouseenter和mouseleave即可：
$("#back2").mouseenter(function(){
$("form").fadeIn(100);
}).mouseleave(function(){
$("form").hide();
});对于延迟，你可以这样做：
$("#back2").mouseenter(function(){
$("form").fadeIn(100);
}).mouseleave(function(){
if ($('#inp1').val() != ""){
setTimeout(function() {$("form").hide()}, 500);
} else {
$("form").hide();
}
});Here's是一个工作示例
使用hover更新以回应以下评论：
$("#back2").hover(function(){
$("form").fadeIn(100);
}, function(){
if ($('#inp1').val() != ""){
$setTimeout(function() {$("form").hide()}, 500);
} else {
$("form").hide();
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5231838
复制相关文章
腾讯云开发者
