-
scrollTop:設(shè)置或獲取位于對(duì)象最頂端和窗口中可見(jiàn)內(nèi)容的最頂端之間的距離 (即網(wǎng)頁(yè)被卷去的高)查看全部
-
注意最后鼠標(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
提交
取消