Question

我有这个设置：http://jsfiddle.net/patrioticcow/XnnvD/

我想要完成的是当我将鼠标悬停在黑色图像上时，动画会在开始前等待2或3秒。

看起来很简单，但我有点困惑。

这是代码：

 <div class="friends_row">
    <div class="friend">
    <div class="friends1" id="friend_pic1"></div>
    <div class="friends-name1" id="fname_1">Alice</div>
    </div>

$(function() {
$("div#friend_pic1").hover(function() {$("div#fname_1").slideUp();});
$("div#friend_pic1").mouseout(function() {$("div#fname_1").slideDown();});
});


.friends-name1{background-color: #0072FF;color: #FFFFFF;font-weight: bold;height:    20px;margin-left: 10px;margin-top: 10px;position: absolute;text-align: center;width: 51px;
}

.friends1{background-color: #000000;height: 80px;width: 51px;float: left;margin: 10px;
}

感谢

Answer 1

我认为你想使用delay方法：

$(function() {
$("div#friend_pic1").hover(function() {$("div#fname_1").delay(2000).slideUp();});
$("div#friend_pic1").mouseout(function() {$("div#fname_1").delay(2000).slideDown();});
});

See jsFiddle.

Answer 2

像这样：http://jsfiddle.net/XnnvD/1/？

Answer 3

setTimeout是你的朋友。

Working Example

$("div#friend_pic1").hover(function({setTimeout(function()$("div#fname_1").slideUp();},2000);});

如何在jQuery中开始动画之前设置等待时间？

3 个答案: