我需要使用jquery左右移动Button,然后再左右移动

时间:2013-06-22 11:01:04

标签: javascript jquery

我可以左右移动按钮。但是我需要移动它2次,即左右和左右。

这是代码:

$(document).ready(function () {
    sayNoVisual(100);
});

function sayNoVisual(px) {
    $('.stepback').animate({
        'marginLeft': px
    }, function () {
        $('.stepback').animate({
            'marginLeft': 1
        });
    });
}



  <asp:Button ID="Button1" class="stepback"  runat="server" Text="Button" />

1 个答案:

答案 0 :(得分:0)

  • 您可以在animate回拨
  • 中递归递归功能
  • 要增加价值,请使用"+=" + value

<强> CODE

$(document).ready(function () {
    sayNoVisual(100, 2);
});

function sayNoVisual(px, r) {
    $('.stepback').animate({
        'marginLeft': "+=" + px
    }, function() {
        if(--r > 0) sayNoVisual(px, r);
    });
}

<强> jsFiddle