第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定

信息滾動(dòng)效果制作

難度初級(jí)
時(shí)長(zhǎng)39分
學(xué)習(xí)人數(shù)
綜合評(píng)分9.63
488人評(píng)價(jià) 查看評(píng)價(jià)
9.8 內(nèi)容實(shí)用
9.6 簡(jiǎn)潔易懂
9.5 邏輯清晰
  • <marquee>知識(shí)點(diǎn)
    查看全部
  • setInterval clearInterval
    查看全部
    0 采集 收起 來(lái)源:間歇性滾動(dòng)原理

    2016-04-06

  • scrollHeight:元素的 padding 加 content 的高度。 clientWidth: 獲取對(duì)象可見(jiàn)內(nèi)容的寬度,不包括滾動(dòng)條,不包括邊框; clientHeight: 獲取對(duì)象可見(jiàn)內(nèi)容的高度,不包括滾動(dòng)條,不包括邊框;
    查看全部
  • area.innerHTML += area.innerHTML; // 克隆 area 中的內(nèi)容
    查看全部
    0 采集 收起 來(lái)源:單次滾動(dòng)制作

    2016-04-04

  • innerHTML:標(biāo)簽里的內(nèi)容(含子標(biāo)簽)
    查看全部
    0 采集 收起 來(lái)源:練習(xí)題

    2016-04-04

  • scrollTop:設(shè)置或獲取位于對(duì)象最頂端和窗口中可見(jiàn)內(nèi)容的最頂端之間的距離 (即網(wǎng)頁(yè)被卷去的高) (是一個(gè)數(shù)值)
    查看全部
    0 采集 收起 來(lái)源:練習(xí)題

    2016-04-05

  • offsetWidth、offsetHeight 不算 margin(content + padding + border) offsetLeft、offsetTop 從 border 算起
    查看全部
  • dan hang gun dong
    查看全部
    0 采集 收起 來(lái)源:單次滾動(dòng)制作

    2016-04-03

  • <script type="text/javascript"> var moocBox=document.getElementById("moocBox"); var con1=document.getElementById("con1"); var con2=document.getElementById("con2"); moocBox.scrollTop=0;//scrollTop的對(duì)象是div塊級(jí) con2.innerHTML=con1.innerHTML; function scrollup(){ if(moocBox.scrollTop==con1.offsetHeight){ moocBox.scrollTop=0; }else{ moocBox.scrollTop++;} } var timer=setInterval("scrollup()",50); moocBox.onmouseover=function(){ clearInterval(timer); } moocBox.onmouseout=function(){ timer=setInterval("scrollup()",50); } </script>
    查看全部
  • <marqueen>HTML5已經(jīng)棄用!
    查看全部
  • <script type="text/javascript"> var moocBox=document.getElementById("moocBox"); moocBox.scrollTop=0; moocBox.innerHTML+=moocBox.innerHTML;//進(jìn)過(guò)添加內(nèi)容功能,會(huì)改變?cè)氐膬?nèi)容,元素的內(nèi)容地址需要重新獲取 var timer1=null; var timer=null; var oliHeight=24;//直接定義滾動(dòng)高度,比獲取行高度簡(jiǎn)單得多 var speed=50; var ispeed=500; function scrollUp(){ var con1=document.getElementsByTagName("ul")[0]; var moocBox=document.getElementById("moocBox"); if(moocBox.scrollTop%oliHeight==0){ clearInterval(timer); timer1=setTimeout(ostop,ispeed); } else { if(moocBox.scrollTop>=moocBox.scrollHeight/2){//計(jì)算方式 :scrollHeight = topPadding + bottomPadding + 內(nèi)容margix box的高度。 moocBox.scrollTop=0; } else{ moocBox.scrollTop++;} } } timer1=setTimeout(ostop,ispeed); function ostop(){ moocBox.scrollTop ++; timer = setInterval("scrollUp()",speed); } moocBox.onmouseover = function(){ clearInterval(timer); clearTimeout(timer1) } moocBox.onmouseout = function(){ timer = setInterval("scrollUp()",50); } </script>
    查看全部
  • <script type="text/javascript"> var moocBox=document.getElementById("moocBox"); moocBox.scrollTop=0; moocBox.innerHTML+=moocBox.innerHTML;//進(jìn)過(guò)添加內(nèi)容功能,會(huì)改變?cè)氐膬?nèi)容,元素的內(nèi)容地址需要重新獲取 var timer1=null; function scrollUp(){ var con1=document.getElementsByTagName("ul")[0];//改變內(nèi)容后再獲取元素地址 if(moocBox.scrollTop%24==0&&moocBox.scrollTop<con1.offsetHeight){//con1.scrollHeight和con1.offsetHeight都可以 clearInterval(timer); timer1=setTimeout(ostop,500); } else if(moocBox.scrollTop>=con1.offsetHeight){ moocBox.scrollTop=0; } else{ moocBox.scrollTop++;} } var timer=setInterval("scrollUp()",50); function ostop(){ moocBox.scrollTop ++; timer = setInterval("scrollUp()",50); } moocBox.onmouseover = function(){ clearInterval(timer); clearTimeout(timer1);//兩種定時(shí)都要清除,不然會(huì)出現(xiàn)速度加快 } moocBox.onmouseout = function(){ timer = setInterval("scrollUp()",50); } </script>
    查看全部
    0 采集 收起 來(lái)源:單次滾動(dòng)制作

    2018-03-22

  • 先完成滾動(dòng)再添加鼠標(biāo)事件
    查看全部
  • 使用兩個(gè)板塊流動(dòng),流動(dòng)完了進(jìn)行復(fù)位
    查看全部
  • <script type="text/javascript"> var moocBox=document.getElementById("moocBox"); var con1=document.getElementById("con1"); var con2=document.getElementById("con2"); moocBox.scrollTop=0;//scrollTop的對(duì)象是div塊級(jí) con2.innerHTML=con1.innerHTML; function scrollup(){ if(moocBox.scrollTop==con1.offsetHeight){ moocBox.scrollTop=0; }else{ moocBox.scrollTop++;} } var timer=setInterval("scrollup()",50); moocBox.onmouseover=function(){ clearInterval(timer); } moocBox.onmouseout=function(){ timer=setInterval("scrollup()",50); } </script>
    查看全部

舉報(bào)

0/150
提交
取消
課程須知
1.您至少具備HTML/CSS基礎(chǔ)知識(shí); 2.您至少具備JavaSript基礎(chǔ)知識(shí);
老師告訴你能學(xué)到什么?
1.學(xué)會(huì)<marquee>標(biāo)簽及屬性,制作簡(jiǎn)單信息滾動(dòng)。 2.掌握無(wú)縫滾動(dòng)原理,運(yùn)用JavaScript實(shí)現(xiàn)效果。 3.通過(guò)設(shè)定定時(shí)時(shí)間,實(shí)現(xiàn)間歇性無(wú)縫滾動(dòng)。

微信掃碼,參與3人拼團(tuán)

微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)

友情提示:

您好,此課程屬于遷移課程,您已購(gòu)買該課程,無(wú)需重復(fù)購(gòu)買,感謝您對(duì)慕課網(wǎng)的支持!