我遇到了以下问题:我有一个h2,嵌套在一个id为<div id="hidediv1">.
的div中
我有这个代码
$("#hidediv1").mouseover(function(){
$('#hide1').show(500);
});
$("#hidediv1").mouseleave(function(){
$('#hide1').hide(500);
});
我希望它是,你必须将鼠标悬停在div上至少1秒才能触发它。
我知道,stackoverflow有几个问题,但我不能将它们应用到我的代码中。
请帮忙!
谢谢。
答案 0 :(得分:1)
您可以使用以下方式延迟:
$("#hidediv1").mouseenter(function() {
$('#hide1').delay(1000).show(500);
}).mouseleave(function() {
$('#hide1').stop(true).hide(500);
});
stop(true)
会避免一些待排队的问题。
mouseenter
代替mouseover
。
答案 1 :(得分:0)
$(document).ready(function(){
$("#div1").mouseover(function(){
$("#div2").hide(1000);
});
$("#div1").mouseout(function(){
$("#div2").show(1000);
});
});
试试这个..