javascript運動的小框架
標(biāo)簽:
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 ); }}
點擊查看更多內(nèi)容
為 TA 點贊
評論
評論
共同學(xué)習(xí),寫下你的評論
評論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進(jìn)行掃碼打賞哦