首先,我的jQuery(或Javascript时期)并不好。
当我使用jQuery animate函数将鼠标悬停在新图像上时,我正尝试将图像翻转到新图像。
以下是我的工作(图片翻到文字):http://jsfiddle.net/Draven/NJCUn/5/
这是我希望的工作(用图片替换文字):http://jsfiddle.net/Draven/U7m25/4/
我认为问题是因为脚本正在查找img
中的所有<li>
标记。有没有办法让它选择第一个img
标签?
答案 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
});
});