第七色在线视频,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 邏輯清晰
  • scrollTop:設(shè)置或獲取位于對(duì)象最頂端和窗口中可見(jiàn)內(nèi)容的最頂端之間的距離 (即網(wǎng)頁(yè)被卷去的高)
    查看全部
    0 采集 收起 來(lái)源:練習(xí)題

    2016-09-16

  • 注意最后鼠標(biāo)離開(kāi)時(shí)候的事件應(yīng)該是直接賦給myScroll 而不是在用var重新定義一個(gè)
    查看全部
  • 無(wú)縫滾動(dòng)制作<br> 知識(shí)點(diǎn)<br> 1、innerHTML<br> 2、scrollTop(向上滾動(dòng)的數(shù)值)后面的值不帶px,如area.scrollTop = 0; <br> 3、offsetHeight(元素自身的高度)<br> 4、setInterval()(執(zhí)行的方法)<br> 5、clearInterval()(清除執(zhí)行的方法)<br> <br> <script><br> var area = document.getElementById('moocBox'),<br> con1 = document.getElementById('con1'),<br> con2 = document.getElementById('con2');<br> con2.innerHTML = con1.innerHTML;<br> function scrollUp(){<br> if(area.scrollTop >= con1.offsetHeight){<br> area.scrollTop = 0;<br> }else{<br> area.scrollTop++;<br> }<br> }<br> var time = 50;<br> var myScroll = setInterval('scrollUp()',time);<br> </script><br> <body><br> <div id="moocBox"><br> <ul id="con1"><br> <li>...</li><br> .<br> .<br> .<br> <li>...</li><br> </ul><br> <ul id="con2"></ul><br> </div><br> </body>
    查看全部
  • 無(wú)縫滾動(dòng):當(dāng)內(nèi)容滾完之后,不想讓它停止,也不讓它空白。 說(shuō)明:藍(lán)色為顯示區(qū)域,橘黃色為要滾動(dòng)的內(nèi)容 無(wú)縫滾動(dòng)原理: 原始內(nèi)容為1,克隆內(nèi)容為2 當(dāng)原始內(nèi)容底部到達(dá)可視區(qū)的底部時(shí),重新克隆出原始內(nèi)容2,2在緊接在1的后面 當(dāng)1的內(nèi)容滾出可視區(qū),2的內(nèi)容到達(dá)可視區(qū)的頂部時(shí),此刻就開(kāi)始了無(wú)縫滾動(dòng)
    查看全部
  • <marquee></marquee>文字信息滾動(dòng)標(biāo)簽。可以設(shè)置滾動(dòng)方向、速度、時(shí)間。滾動(dòng)方式:來(lái)回滾動(dòng),重復(fù)滾動(dòng)和非重復(fù)滾動(dòng) 屬性說(shuō)明: 1.direction表示滾動(dòng)的方向,值可以是left,right,up,down,默認(rèn)為left 2.behavior表示滾動(dòng)的方式,值可以是scroll(連續(xù)滾動(dòng))slide(滑動(dòng)一次)alternate(往返滾動(dòng)) 3.loop表示循環(huán)的次數(shù),值是正整數(shù),默認(rèn)為無(wú)限循環(huán) 4.scrollamount表示運(yùn)動(dòng)速度,值是正整數(shù),默認(rèn)為6 5.scrolldelay表示停頓時(shí)間,值是正整數(shù),默認(rèn)為0,單位似乎是毫秒 6.align表示元素的垂直對(duì)齊方式,值可以是top,middle,bottom,默認(rèn)為middle 7.bgcolor表示運(yùn)動(dòng)區(qū)域的背景色,值是16進(jìn)制的RGB顏色,默認(rèn)為白色 8.height、width表示運(yùn)動(dòng)區(qū)域的高度和寬度,值是正整數(shù)(單位是像素)或百分?jǐn)?shù),默認(rèn)width=100% height為標(biāo)簽內(nèi)元素的高度 9.hspace、vspace表示元素到區(qū)域邊界的水平距離和垂直距離,值是正整數(shù),單位是像素。 1o.onmouseover=this.stop();onmouseout=this.start()表示當(dāng)鼠標(biāo)以上區(qū)域的時(shí)候滾動(dòng)停止,當(dāng)鼠標(biāo)移開(kāi)的時(shí)候又繼續(xù)滾動(dòng)
    查看全部
  • 鼠標(biāo)事件
    查看全部
  • marquee
    查看全部
  • setTimeout和setInterval
    查看全部
  • 知識(shí)點(diǎn) 1.innerHTML 2.scrollTop 3.offsetHeight 4.setInterval 5.clearInterval
    查看全部
  • <marquee>知識(shí)點(diǎn) behavior滾動(dòng)的方式:alternate(兩端來(lái)回滾動(dòng)) scroll(重復(fù)從一端滾到另一端) slide(一端滾動(dòng)到另一端,不重復(fù)) direction滾動(dòng)的方向:down、up、left、right[默認(rèn)向左滾] loop滾動(dòng)的次數(shù)(當(dāng)loop==-1時(shí)表示無(wú)限滾動(dòng)) scrollamount滾動(dòng)的速度 scrolldelay活動(dòng)字幕滾動(dòng)兩次之間的延遲時(shí)間
    查看全部
  • <marquee>滾動(dòng)知識(shí)點(diǎn) <marquee></marquee>文字信息滾動(dòng)標(biāo)簽。可以設(shè)置滾動(dòng)方向、速度、時(shí)間。滾動(dòng)方式:來(lái)回滾動(dòng),重復(fù)滾動(dòng)和非重復(fù)滾動(dòng) 屬性說(shuō)明: 1.direction表示滾動(dòng)的方向,值可以是left,right,up,down,默認(rèn)為left 2.behavior表示滾動(dòng)的方式,值可以是scroll(連續(xù)滾動(dòng))slide(滑動(dòng)一次)alternate(往返滾動(dòng)) 3.loop表示循環(huán)的次數(shù),值是正整數(shù),默認(rèn)為無(wú)限循環(huán) 4.scrollamount表示運(yùn)動(dòng)速度,值是正整數(shù),默認(rèn)為6 5.scrolldelay表示停頓時(shí)間,值是正整數(shù),默認(rèn)為0,單位似乎是毫秒 6.align表示元素的垂直對(duì)齊方式,值可以是top,middle,bottom,默認(rèn)為middle 7.bgcolor表示運(yùn)動(dòng)區(qū)域的背景色,值是16進(jìn)制的RGB顏色,默認(rèn)為白色 8.height、width表示運(yùn)動(dòng)區(qū)域的高度和寬度,值是正整數(shù)(單位是像素)或百分?jǐn)?shù),默認(rèn)width=100% height為標(biāo)簽內(nèi)元素的高度 9.hspace、vspace表示元素到區(qū)域邊界的水平距離和垂直距離,值是正整數(shù),單位是像素。 1o.onmouseover=this.stop();onmouseout=this.start()表示當(dāng)鼠標(biāo)以上區(qū)域的時(shí)候滾動(dòng)停止,當(dāng)鼠標(biāo)移開(kāi)的時(shí)候又繼續(xù)滾動(dòng)。
    查看全部
  • 無(wú)縫滾動(dòng)知識(shí)點(diǎn)
    查看全部
  • <marquee>知識(shí)點(diǎn)
    查看全部
  • 記記記
    查看全部
  • 知識(shí)點(diǎn)
    查看全部

舉報(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)買(mǎi)該課程,無(wú)需重復(fù)購(gòu)買(mǎi),感謝您對(duì)慕課網(wǎng)的支持!