14.10.9 -jQuery动画队列,弹簧,放大

设计提出要求希望那个有个跳动感觉,使用了jq自带动画,原本想按照3秒下200px,2.5秒上200px,2秒下150px,1,5秒上100px.等等这种感觉。只是似乎实现起来不是很漂亮。后来发现有弹簧插件(http://www.helloweba.com/view-blog-212.html)。使用了jQuery Easing,扩展插件。只是这个效果,选择太多啦~我这审美,判断出哪个更好,实在是有点难。。

//结果后来放弃了弹簧方案。乌拉。

后来设计又采用了放大缩小的想法,(http://blog.csdn.net/zhvsby/article/details/5922585)

网上只找到一段用jQuery animate放大的,不过,倒无所谓,改一改就变成,先放大,再缩小了。而且只是改了坐标点和大小,就效果非常理想。真是amazing.

width: $(this).width() * 5,
height: $(this).height() * 5,
top: position.top – ($(this).height() * 5 / 2),
left: position.left – ($(this).width() * 5 / 2)

其实比如这样,先从很小变成5倍大小,然后在变成比如3倍。

width: $(this).width() * 3,
height: $(this).height() * 3,
top: position.top – ($(this).height() * 3 / 2),
left: position.left – ($(this).width() * 3 / 2)

就特别好玩的变成大小变换。

 

此条目发表在js分类目录。将固定链接加入收藏夹。