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

Question

我在div中有一个按钮，宽度为300px。单击按钮时，我希望按钮移动到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

使用animate（）

的组合尝试fadeOut（）

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