課程
/前端開發(fā)
/JavaScript
/信息滾動(dòng)效果制作
講課的時(shí)候沒有講這個(gè)部分,后來找資料感覺很難
2015-04-08
源自:信息滾動(dòng)效果制作 3-3
正在回答
window.onload=?function?()?{ ????var?oMain=document.getElementById('main'); ????var?iLineHeight=20;?//滾高高度 ????oMain.innerHTML+=oMain.innerHTML; ????oMain.scrollTop=0; ????var?timer; ????var?can=false; ????var?move; ????function?startMove(){ ????????oMain.scrollTop++; ????????timer=setInterval(scrollUp,50); ????} ????function?scrollUp(){ ????????if(oMain.scrollTop%iLineHeight==0){ ????????????clearInterval(timer); ????????????if(!can)?{ ????????????????setTimeout(startMove,?2000) ????????????} ????????}else{ ????????????oMain.scrollTop++; ????????????if(oMain.scrollTop>=oMain.scrollHeight/2){ ????????????????oMain.scrollTop=0; ????????????} ????????} ????} ???move=setTimeout(startMove,2000); ????oMain.onmouseenter=?function?()?{ ????????can=true; ????} ????oMain.onmouseleave=?function?()?{ ????????can=false; ????????if(move){ ????????????clearTimeout(move); ????????} ????????move=setTimeout(startMove,2000); ????} }
_9259
onmouseover=this.start();onmouseout=this.stop();
舉報(bào)
萌妹子帶您快速學(xué)習(xí)滾動(dòng)效果,掌握無縫滾動(dòng)和歇間性滾動(dòng)的制作方法
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-01-19
2015-12-16
onmouseover=this.start();onmouseout=this.stop();