1

我想在 div 的“默认”状态/位置之间制作动画。例如:

Div绝对定位在一个类中,位于屏幕的左侧。类通过 JS 被移除(或被替换)并且 position 现在是relative。默认的相对位置实际上是在屏幕的另一侧。我想动画这个。

类似于 Dock 的东西,各种 div 作为 display-inline 中的图标,在 Dock 上水平居中。如果我“删除”其中一个图标,其余图标会稍微移到重新定位。我想让它们移动以填补空白。

过渡:一切都不起作用(我假设是因为该位置没有预定义的值)所以这甚至可能吗?有 JS 解决方案吗?

4

2 回答 2

3

完全可以按照您描述的方式进行。这是一个如何完成的活生生的例子。

http://jsfiddle.net/nDr4y/3/

您还可以从 css 中删除过渡,并使用jquery 以纯 JS 为元素设置动画。语法如下所示:

// in the object are the css properties you want to animate,
// the second argument is how long you want it to take in ms
$('.el').animate({ left: 100 }, 1000);
于 2012-06-20T18:14:00.370 回答
0

您只需要找出目标坐标并使用 jQuery 或您使用的任何框架进行设置。除此之外,完全有可能。

http://jsfiddle.net/Kd72u/

于 2012-06-20T18:15:23.910 回答