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 点赞
评论
共同学习,写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦