jQuery:将鼠标悬停在动画上

jQuery:将鼠标悬停在动画上,jquery,jquery-animate,Jquery,Jquery Animate,首先,我的jQuery(或Javascript周期)不好 当我使用jqueryanimate函数将鼠标悬停在一个图像上时,我试图使它滚动到一个新图像上 以下是我的工作内容(图像转为文本): 以下是我希望能起作用的内容(用图像替换文本): 我相信问题是因为脚本正在中查找所有img标记。有没有办法让它选择第一个img标记?工作示例: $('ul.hover_block li').hover(function() { $(this).find('img').eq(1).animate({

首先,我的jQuery(或Javascript周期)不好

当我使用jqueryanimate函数将鼠标悬停在一个图像上时,我试图使它滚动到一个新图像上

以下是我的工作内容(图像转为文本):

以下是我希望能起作用的内容(用图像替换文本):

我相信问题是因为脚本正在
  • 中查找所有
    img
    标记。有没有办法让它选择第一个
    img
    标记?

    工作示例:

    $('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
        });
    });​
    
    工作示例:

    $('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
        });
    });​
    

    。但是最好是给你的物品提供明确的id,并通过id选择器进行引用。我假设我使用的是正确的,但它不起作用。不,你想把它应用到你的img标签上。。但是最好是给你的物品提供明确的id,并通过id选择器进行引用。我假设我使用的是正确的,但它不起作用。不,你想把它应用到你的img标签上。很好。但图像却截然相反。这是为什么呢?只要颠倒HTML中图像的顺序就可以了。第二张图片在第一张图片的正上方,因为它们都是绝对位置。是的,我知道要切换
    img
    顺序。我只是想知道为什么会这样。非常感谢。很不错的。但图像却截然相反。这是为什么呢?只要颠倒HTML中图像的顺序就可以了。第二张图片在第一张图片的正上方,因为它们都是绝对位置。是的,我知道要切换
    img
    顺序。我只是想知道为什么会这样。非常感谢。