Question

js中怎么让淡出效果延迟10秒实现

我想让这段代码延时10秒后在淡出怎么出现
<script>
$("#modCity_hover").hover(function(){
$("#modcity").fadeIn();
},function(){
$("#modcity").fadeOut();
});
</script>

Answer 1

div # content 在3秒后淡出
$("#content").stop().delay(3000).fadeOut(100);

delay这个方法就是延迟多少秒之后开始执行后边的动画的方法

$("#modCity_hover").hover(function(){
$("#modcity").stop().fadeIn();
},function(){
$("#modcity").stop().delay(10000).fadeOut();//延迟淡出
});

Answer 2

直接用在fadeIn(10000)

追问

你这样是慢慢的消失，我想要的是先让他显示一段时间，然后马上消失

追答

理解失误。你的意思是当modcity显示后，10秒后自动消失是吗。
$("#modCity_hover").hover(function(){
$("#modcity").fadeIn();
在此处加入window.setTimeout(function(){$("#modcity").fadeOut();},10000)
},function(){
$("#modcity").fadeOut();
});
其他的自己慢慢测吧

追问

不是说10秒自动消失，我的意思是当modcity显示后，鼠标移开后，10秒后再自动消失，你现在做的鼠标不移开10秒后自动消失，不好意麻烦你了

Answer 3

直接fadeIn（10000)就可以
<script>
$("#modCity_hover").hover(function(){
$("#modcity").fadeIn(10000);
},function(){
$("#modcity").fadeOut(10000);
});
</script>