动画div IN在样式表上定义的位置

时间:2012-08-17 16:15:41

标签: javascript jquery css jquery-animate

我可以使用JQuery轻松地将divs从样式表位置动画到另一个位置,但有一种简单的方法可以反过来吗?基本上我想避免更改我的样式表,但是让div从页面开始并动画到正确的位置。

4 个答案:

答案 0 :(得分:1)

您可以尝试这样做:

var origt = $("#yourdiv").offset().top, origl = $("#yourdiv").offset().left;
$("#yourdiv").css({top:"auto", left:"auto"}); /*or wherever you want them to start*/
$("#yourdiv").animate({top:origt, left: origl});

希望有所帮助!

答案 1 :(得分:0)

你可以使用jquery的css()函数来获取它们的样式属性吗?它们应该有多宽和多长,并使用这些值来动画它们?

答案 2 :(得分:0)

设置div的显示:无;

通过javascript查找原始位置。

将它们移出可见窗口。

将它们更改回显示:阻止;

将它们从当前位置动画回原始值存储在JS中。

答案 3 :(得分:0)

我想你在问:可以将类名传递给jQuery动画而不是定义css属性的对象文字。

http://stackoverflow.com/questions/1248542/jquery-animate-with-css-class-only-without-explicit-styles