Jquery图标飞 - 在动画效果onload

我需要页面载入过程中图像图标的飞入效果。Jquery图标飞 - 在动画效果onload

请检查下面的图像，第一个图像是图标应该在页面加载过程中在不同的方向，它应该动画和安排在第二个图像的div位置。

任何想法是没什么太大的帮助..

enter image description here

来源

2012-03-31 sathish

如果屏幕更大或更小，会发生什么？ – 2012-03-31 06:33:35

感谢您的答复亚兰。其实布局只适用于1024X768。最初，所有的图标都被分割到布局的一些地方，一旦页面被载入，它应该飞入他们的位置。 – sathish 2012-03-31 06:35:27

的效果本身是不是真正的problem.You可以设置应飞至绝对定位的所有元素，并设置其放置在屏幕外，然后将它们设置到正确的位置。

真正的问题将是使它在不破坏布局的情况下使用不同的屏幕尺寸。

来源

2012-03-31 06:46:42

感谢您的建议sven。对于一个单独的图标，我可以使它在最初移动不同的位置[例如，左上角]，然后在onload时将其设置为原始div位置。但是，这里有很多图标，我最初需要让它们变成不同的方向。这是我没有得到任何想法的地方...... :( – sathish 2012-03-31 06:53:36

）您不需要设置动画的方向，只需要为每个图标设置一个起始位置并将它们设置为结束位置。例如将每个图标设置为每个CSS的起始位置，并将元素自身的data- *属性赋给末尾坐标，然后将所有元素放入数组中，循环并将它们从起点移动到终点。你不需要为每个图标写一个额外的动画，只需要一个动画函数来接收data- *属性中的端点 – 2012-03-31 07:08:00

谢谢sven。这些图标不是固定的，有时候会有12个图标[3rows X 4cols]和有时16icons [4X4]或9个图标[3X3] ... – sathish 2012-03-31 07:19:05

Jquery图标飞 - 在动画效果onload

回答

相关问题