Question

我已经搜索了以下解决方案。我正在尝试使用jQuery为列表项设置动画。这是我的剧本：

$(document).ready(function() {
    $('li').hover(function() {
        $(this).animate({paddingLeft: '+=15px'}, 200);
    },
    function() {
        $(this).animate({paddingLeft: '-=15px'}, 200);
    });
});

这是CSS：

ul {
    font-family: Garamond, serif;
    list-style-type: square;
}

我已经检查过我正在正确调用脚本。

任何人都可以帮助我吗？

Answer 1

评论者是正确的，第一个代码是有缺陷的。编辑，我想这就是你要追求的？

  $(document).ready(function() {
        $('li').mouseenter(function() {
            $(this).animate({paddingLeft: '+15px'}, 200)
        }).mouseleave(function() {
            $(this).animate({paddingLeft: '-15px'}, 200);
        });
    });

http://jsfiddle.net/calder12/P77kq/3

.animate jQuery函数不能正常工作

1 个答案: