动画总结?

1.上下动画? animate-duration:5s;规定动画完成一个动画周期所花费的时间。

animate-duration-function:linear;规定动画的速度曲线

2.雪花下落动画?

雪花3D动画插件ThreeCanvas.js

雪花插件Snow.js

js.js是javascript解析器

3.船慢慢移动动画(定位船的初始位置然后开始做动画,从右往左)

var $chuan=$(".chuan"); var r=$chuan.css("right"); var num; setInterval(function (){ r=parseInt(r); r++; if(r>1800){ r=-240; } num=r+"px"; $chuan.css({"right":num}); },100);

原文地址:https://www.cnblogs.com/duanzhange/p/9007275.html