为了账号安全,请及时绑定邮箱和手机立即绑定

javascript运动的小框架

标签:
JavaScript

写一个运动小框架

1、需要获取元素对象

document.getElementById();


2、需要在函数里面回去样式值

function Css(obj,attr){    	if(obj.currentStyle){ 		return obj.currentStyle[arr]; 	}else{ 		return getComputedStyle(obj,false)[arr]; 	}  }


3、写一个定时器函数

obj.iTmer = setInterval(fn,30);


4、运动函数

function fn(){    var iTmer = null;    iSpeed = parseInt(getCss(objDid,'left'))>end?-iSpeed:iSpeed;    obj.iTmer = setInterval(fn,30);    var dir = null;    if(arr == 'opacity'){     dir = Math.round(getCss(obj,arr)*100) + iSpeed;        if ( dir > end && iSpeed > 0 || dir < end && iSpeed < 0) {        dir = end;        }        obj.style[arr] = (dir + iSpeed) / 100;        obj.style.filter = 'alpha(opacity='+ (dir + iSpeed) +')';    }else{        dir = parseInt(getCss(obj,arr)) + iSpeed;        if ( dir > end && iSpeed > 0 || dir < end && iSpeed < 0) {            dir = end;        }        obj.style[arr] = dir + 'px';     }    if ( dir == end ) {        clearInterval( obj.iTmer );    }}


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消