100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > js实现缓动效果实例代码

js实现缓动效果实例代码

时间:2020-12-06 12:13:09

相关推荐

js实现缓动效果实例代码

web前端|js教程

javascript,起来,运动

web前端-js教程

网吧电影 源码,vscode如何做出空表格,ubuntu数据绘图,dsm6 tomcat,r爬虫 翻页,qq第三方登录接口php,武汉seo优化平台靠谱吗,网站管理后台密码忘记了lzw

var tween = { linear:function(t,b,c,d){return c*t/d + b; }, easeIn:function(t,b,c,d){return c * ( t /= d ) * t + b; }, strongEaseIn:function(t,b,c,d){return c * ( t /= d ) * t * t * t * t + b; }, strongEaseOut:function(t,b,c,d){return c * ( ( t = t / d -1 ) * t * t * t * t +1 ) + b; }, sineaseIn:function(t,b,c,d){return c * ( t /= d ) * t * t + b; }, sineaseOut:function(t,b,c,d){return c * ( ( t = t / d -1 ) * t * t *t +1 ) + b; }};var Animate = function(dom){this.dom = dom;this.startTime = 0;this.startPos = 0;this.endPos = 0;this.propertyName = null;this.easing = null;this.duration = null;}Animate.prototype.start = function(propertyName,endPos,duration,easing){this.startTime = +new Date;this.startPos = this.dom.getBoundingClientRect()[propertyName];this.propertyName = propertyName;this.endPos = endPos;this.duration = duration;this.easing = tween[easing];var self = this;var timeId = setInterval(function(){if(self.step() === false){ clearInterval(timeId); } },19);}Animate.prototype.step = function(){var t = +new Date;if(t>=this.startTime + this.duration){this.update(this.endPos);return false; }var pos = this.easing(t-this.startTime, this.startPos, this.endPos - this.startPos, this.duration);this.update(pos);}Animate.prototype.update = function(pos){this.dom.style[this.propertyName] = pos + px;}var div = document.getElementById(div);var animate = new Animate(div);animate.start(left,500,1000,strongEaseOut);

上传图片网页源码,ubuntu 用户是否存在,tomcat环境变量值,除了爬虫还有 技术,PHP语言基础知识PPT,购买seo域名lzw

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。