animation - 将变量传递给 .animate 属性

Question

这里有点n00b。我试图修改悬停功能，我发现哪些位置和动画列表项中的图像。我不想在第一个实例中给出 .animate({top: 一个精确的像素值，而是将变量 imgHeight 传递给它，该变量获取包含 li 的高度，但我显然做错了什么。任何指针？

var imgHeight = $('li').height();
$(function() {
$('ul.hover_block li').hover(function(){
$(this).find('img').animate({top:'imgHeight' + 'px'},{queue:false,duration:200});
}, function(){
$(this).find('img').animate({top:'0px'},{queue:false,duration:200});
});
});​

Answer 1

试试这个：你有

{top: 'imgHeight' + 'px'}

应该

{top: imgHeight + 'px'}

完整代码：

var imgHeight = $('li').height();
$(function() {
        $('ul.hover_block li').hover(function(){
            $(this).find('img').animate({top:imgHeight + 'px'},{queue:false,duration:200});
        }, function(){
            $(this).find('img').animate({top:'0px'},{queue:false,duration:200});
      });
});​