日期:2014-05-16  浏览次数:20373 次

这样的动画效果要怎么实现
我使用的是jquery

想实现这样的效果

A B C D E 图片, A、E是小图, B、D是中图, C是大图

当我触发图片往左滚动的时候 最终变成 B C D E F图, 这时候 B、F图是小图,C、E是中图、D是大图

中间有个过渡,B从中图变成小图,C从大图变中图, D从中图变大图, E从小图变中图, 如此循环滚动

动画一般都用animate()来实现,当要实现上面那个效果想不出要怎么做,有懂的人给个思路不?

------解决方案--------------------
难点在图片的大小变化时,那么其他图片不一定显示完全。
另外,没有看懂图片的大小变化规律
------解决方案--------------------
帮你找到了跟你描述相似的控件
有源代码 会给你一些启发
http://slobodan.99k.org/plugins/coverscroll.html
------解决方案--------------------
你大小图切换的思路其实 不太好实现。
简单的思路其实就是 5张图片(p1,p2,p3,p4,p5),5个位置(特小,小,大,小,特小)
每一次动画效果就是:动态的改变每一张它的大小和位置,就是每一次移动改变位置(大小改为它移动到的位置的大小)
这些都可以用jquery 控制css改变