动画jQuery Ui位置()

时间:2012-02-23 22:34:10

标签: jquery css user-interface jquery-animate positioning

如何使用position({of:,my:,at:})从当前位置设置动画到中心? 有没有办法自动化该过程,还是我必须手动设置CSS属性的动画?

2 个答案:

答案 0 :(得分:26)

这个答案可能是在二月份,但现在有一个更简单的方法。

position方法仅为此目的采用using参数。例如:

$(div).position({
    at: "left+50% top+50%",
    of: $(div).parent(),
    using: function(css, calc) {
        $(this).animate(css, 200, "linear");
    }
});

答案 1 :(得分:1)

你看过.animate()吗?

编辑:现在我明白了你要找的更好,here is a jQuery plugin that I wrote to do this very thing

Here's a quick jsFiddle as an example

我将选项设为可配置对象。例如:

$('#clickme').click(function() {
    $('#blah').align({speed:1000,y:false});
});​

编辑:取出其他代码,因为它不再需要,只是混乱了。清理我的新代码。修复了偏移父定位问题。使用最新版本的源添加了指向git存储库和jsFiddle的链接。