点击它时Jquery动画位置移动

Question

我有一些a标记position:absolute，当我点击它时，我想将此标记移动100px（动画）。

怎么做？

Answer 1

这会在点击时将您的元素（ID为#my_link）向左移动100个像素。

$('#my_link').on('click', function () {
    $(this).animate({
        left: '-=100'
    });
});

• jQuery .animate()
• jQuery .click()

Answer 2

您是否看过jQuery的animate？您可以设置CSS属性的动画，例如left。

$('#myDiv').click(function(){
    $(this).animate({'left' : '-=100'});
});

Answer 3

这应该做到

jsfiddle示例http://jsfiddle.net/EtfCV/

$('#yourdiv').click(function() {
      $(this).animate({
        left: '-=100'
      }, 5000, function() {
        // Animation complete.
      });
    });

Answer 4

在jQuery网站上查看example和animate方法。这是非常基本的东西。

$('#tralala').click(function(evt) {
    evt.preventDefault();
    $(this).animate({
        left : '-=100'
    });
});