jQuery:悬停在Animate上

时间:2012-09-13 15:25:30

标签: jquery jquery-animate

首先,我的jQuery(或Javascript时期)并不好。

当我使用jQuery animate函数将鼠标悬停在新图像上时,我正尝试将图像翻转到新图像。

以下是我的工作(图片翻到文字):http://jsfiddle.net/Draven/NJCUn/5/

这是我希望的工作(用图片替换文字):http://jsfiddle.net/Draven/U7m25/4/

我认为问题是因为脚本正在查找img中的所有<li>标记。有没有办法让它选择第一个img标签?

1 个答案:

答案 0 :(得分:3)

工作示例:

$('ul.hover_block li').hover(function() {
    $(this).find('img').eq(1).animate({
        top: '425px'
    }, {
        queue: false,
        duration: 500
    });
}, function() {
    $(this).find('img').eq(1).animate({
        top: '0px'
    }, {
        queue: false,
        duration: 500
    });
});​

http://jsfiddle.net/yDtkZ/20/