如何使用 JQuery 将按钮移到左侧？

Question

我在宽度为 300px 的 div 内有一个按钮。单击按钮时，我希望按钮移动到 div 的左侧并在 1 秒内消失。

这怎么可能用 JQUery 实现呢？

谢谢，

Answer 1

这可能取决于原始位置的分配方式，但我认为以下应该有效：

$('button').click(
    function(){
        $(this).animate(
            {
                'margin-left' : '-=200px'
            },1000);
        });

JS Fiddle。

要淡出并删除按钮：

$('button').click(
    function(){
        $(this).animate(
            {
                'margin-left' : '-=200px',
                'opacity' : 0
            },1000,
            function(){
                $(this).remove();
            });
        });

JS Fiddle。

Answer 2

尝试将 fadeOut() 与 animate() 结合使用

$("#element").animate({
   left: 0
}, 1000, function(){
    $("#element").fadeOut();
});