jquery - 如何使用 JQuery 将按钮移动到左侧?

标签 jquery css html jquery-animate

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

JQUery 怎么可能?

谢谢,

最佳答案

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

$('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 .

关于jquery - 如何使用 JQuery 将按钮移动到左侧?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7700477/

相关文章:

javascript - jQuery AJAX - $.each 使用正确的数据重复 html 结构?

javascript - 调用 h :commandButton submit 后关闭模态面板

jquery - 计算宽度时如何省略最后一列

jquery - IE 中的 div 不显示 CSS 大纲

html - 如何在 <td> 表格单元格中打断长文本?

jquery - css/jquery 中的移动(触摸)设备友好下拉菜单

javascript - 将文档字符串加载到 iframe 中

php - 正确打印网站

html - 通过 CSS 在弹出模式后面添加背景模糊

html - Firefox 对 "display:table-cell; vertical-align:bottom;"的理解不同