广州凡科互联网科技有限公司

营业时间
MON-SAT 9:00-18:00

全国服务热线
18720358503

公司门店地址
广州市海珠区工业大道北67号凤凰创意园

小程序制作平台_javascript 缓冲运动框架的完成

日期:2021-01-11 浏览:
javascript 缓冲运动框架的实现     投稿:lqh   这篇文章主要介绍了javascript 缓冲运动框架的实现的相关资料,希望通过本能帮助到大家,实现这样类似的功能,需要的朋友可以参考下

javascript 缓冲运动框架的实现

框架的使用,大大的提高了我们的编码的效率,下面分享一个缓冲运动框架。

实例代码:

 * Created by wang on 2016/8/3.
//获取非行间样式和行间样式
function getStyle(obj,name) {
 if(obj.currentStyle){
 return obj.currentStyle[name];
 else {
 return getComputedStyle(obj,false)[name];
//获取非行间样式和行间样式
//缓冲运动框架
var timer=null;
function startMove(obj,attr,iTarget) {
 clearInterval(obj.timer);
 obj.timer=setInterval(function () {
 var cur=0;
 if(attr=='opacity'){
 cur=Math.round(parseFloat(getStyle(obj,attr))*100);
 else {
 cur=parseInt(getStyle(obj,attr));
 var speed=(iTarget-cur)/6;
 speed=speed 0 Math.ceil(speed):Math.floor(speed);
 if(cur==iTarget){
 clearInterval(timer);
 else {
 if(attr=='opacity'){
 obj.style.filter='alpha(opcity:'+(cur+speed)+')';
 obj.style.opacity=(cur+speed)/100;
 else {
 obj.style[attr]=cur+speed+'px';
 },30)
//缓冲运动框架

如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!




新闻资讯

联系方式丨CONTACT

  • 全国热线:18720358503
  • 传真热线:18720358503
  • Q Q咨询:2639601583
  • 企业邮箱:2639601583@qq.com

首页
电话
短信
联系