-
scrollTop:設置或獲取位于對象最頂端和窗口中可見內容的最頂端之間的距離 (即網頁被卷去的高)查看全部
-
注意最后鼠標離開時候的事件應該是直接賦給myScroll 而不是在用var重新定義一個查看全部
-
無縫滾動制作<br> 知識點<br> 1、innerHTML<br> 2、scrollTop（向上滾動的數值）后面的值不帶px，如area.scrollTop = 0； <br> 3、offsetHeight（元素自身的高度）<br> 4、setInterval()（執行的方法）<br> 5、clearInterval()（清除執行的方法）<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>查看全部
-
無縫滾動：當內容滾完之后，不想讓它停止，也不讓它空白。 說明：藍色為顯示區域，橘黃色為要滾動的內容 無縫滾動原理： 原始內容為1，克隆內容為2 當原始內容底部到達可視區的底部時，重新克隆出原始內容2,2在緊接在1的后面 當1的內容滾出可視區，2的內容到達可視區的頂部時，此刻就開始了無縫滾動查看全部
-
<marquee></marquee>文字信息滾動標簽。可以設置滾動方向、速度、時間。滾動方式：來回滾動，重復滾動和非重復滾動 屬性說明: 1.direction表示滾動的方向，值可以是left，right，up，down，默認為left 2.behavior表示滾動的方式，值可以是scroll（連續滾動）slide（滑動一次）alternate（往返滾動） 3.loop表示循環的次數，值是正整數，默認為無限循環 4.scrollamount表示運動速度，值是正整數，默認為6 5.scrolldelay表示停頓時間，值是正整數，默認為0，單位似乎是毫秒 6.align表示元素的垂直對齊方式，值可以是top，middle，bottom，默認為middle 7.bgcolor表示運動區域的背景色，值是16進制的RGB顏色，默認為白色 8.height、width表示運動區域的高度和寬度，值是正整數（單位是像素）或百分數，默認width=100% height為標簽內元素的高度 9.hspace、vspace表示元素到區域邊界的水平距離和垂直距離，值是正整數，單位是像素。 1o.onmouseover=this.stop();onmouseout=this.start()表示當鼠標以上區域的時候滾動停止，當鼠標移開的時候又繼續滾動查看全部
-
鼠標事件查看全部
-
marquee查看全部
-
setTimeout和setInterval查看全部
-
知識點 1.innerHTML 2.scrollTop 3.offsetHeight 4.setInterval 5.clearInterval查看全部
-
<marquee>知識點 behavior滾動的方式：alternate（兩端來回滾動） scroll（重復從一端滾到另一端） slide（一端滾動到另一端，不重復） direction滾動的方向：down、up、left、right[默認向左滾] loop滾動的次數（當loop==-1時表示無限滾動） scrollamount滾動的速度 scrolldelay活動字幕滾動兩次之間的延遲時間查看全部
-
<marquee>滾動知識點 <marquee></marquee>文字信息滾動標簽?？梢栽O置滾動方向、速度、時間。滾動方式：來回滾動，重復滾動和非重復滾動 屬性說明: 1.direction表示滾動的方向，值可以是left，right，up，down，默認為left 2.behavior表示滾動的方式，值可以是scroll（連續滾動）slide（滑動一次）alternate（往返滾動） 3.loop表示循環的次數，值是正整數，默認為無限循環 4.scrollamount表示運動速度，值是正整數，默認為6 5.scrolldelay表示停頓時間，值是正整數，默認為0，單位似乎是毫秒 6.align表示元素的垂直對齊方式，值可以是top，middle，bottom，默認為middle 7.bgcolor表示運動區域的背景色，值是16進制的RGB顏色，默認為白色 8.height、width表示運動區域的高度和寬度，值是正整數（單位是像素）或百分數，默認width=100% height為標簽內元素的高度 9.hspace、vspace表示元素到區域邊界的水平距離和垂直距離，值是正整數，單位是像素。 1o.onmouseover=this.stop();onmouseout=this.start()表示當鼠標以上區域的時候滾動停止，當鼠標移開的時候又繼續滾動。查看全部
-
無縫滾動知識點查看全部
-
<marquee>知識點查看全部
-
記記記查看全部
-
知識點查看全部
舉報
0/150
提交
取消