Question

我正在使用代码在点击时为div添加边距。它工作得很好，但我想在为滑动效果添加边距时使其“动画”。我如何使用.animate（）来完成此任务？

<script type='text/javascript'>
$(document).ready(function () {
    $('.menub').click(function() {
        if ($('.content').css('margin-left') == '300px')
        {
            $('.content').css('margin-left', '0px');
        }
        else {
            $('.content').css('margin-left', '300px');
        }
    });
    $('.navigation a li').click(function() {
        $('.content').css('margin-left', '0px');
    });
});
</script>

Answer 1

这样做：

$('.content').animate({marginLeft: 300}, 1000);

其中300是左边距宽度，1000是动画的毫秒数。应用相同的逻辑来执行反向动画。有关详细信息，请参阅http://api.jquery.com/animate/。

Answer 2

{{2p>参考：{{3p>

Answer 3

像这样:(关键是使用JavaScript属性“marginLeft”）

 $('.content').animate({
    marginLeft: '+=50'
    }, 5000, function() {
  });

.animate（）添加保证金

3 个答案: