首页 > 其他 > 详细

动画总结?

时间:2018-05-08 11:43:42      阅读:246      评论:0      收藏:0      [点我收藏+]

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!