-
無縫滾動：當內(nèi)容滾完之后，不想讓它停止，也不讓它空白。 說明：藍色為顯示區(qū)域，橘黃色為要滾動的內(nèi)容 無縫滾動原理： 原始內(nèi)容為1，克隆內(nèi)容為2 當原始內(nèi)容底部到達可視區(qū)的底部時，重新克隆出原始內(nèi)容2,2在緊接在1的后面 當1的內(nèi)容滾出可視區(qū)，2的內(nèi)容到達可視區(qū)的頂部時，此刻就開始了無縫滾動查看全部
-
direction滾動方向：down up left right loop滾動次數(shù)=-1表示一直滾動查看全部
-
<marquee></marquee>文字信息滾動標簽?？梢栽O置滾動方向、速度、時間。滾動方式：來回滾動，重復滾動和非重復滾動 屬性說明: 1.direction表示滾動的方向，值可以是left，right，up，down，默認為left 2.behavior表示滾動的方式，值可以是scroll（連續(xù)滾動）slide（滑動一次）alternate（往返滾動） 3.loop表示循環(huán)的次數(shù)，值是正整數(shù)，默認為無限循環(huán) 4.scrollamount表示運動速度，值是正整數(shù)，默認為6 5.scrolldelay表示停頓時間，值是正整數(shù)，默認為0，單位似乎是毫秒 6.align表示元素的垂直對齊方式，值可以是top，middle，bottom，默認為middle 7.bgcolor表示運動區(qū)域的背景色，值是16進制的RGB顏色，默認為白色 8.height、width表示運動區(qū)域的高度和寬度，值是正整數(shù)（單位是像素）或百分數(shù)，默認width=100% height為標簽內(nèi)元素的高度 9.hspace、vspace表示元素到區(qū)域邊界的水平距離和垂直距離，值是正整數(shù)，單位是像素。 1o.onmouseover=this.stop();onmouseout=this.start()表示當鼠標以上區(qū)域的時候滾動停止，當鼠標移開的時候又繼續(xù)滾動。查看全部
-
無縫滾動的要點： 1） 盒子容器要設置好固定的高度，并且自動隱藏內(nèi)容超出的部分（overflow: hidden; ）。 2）盒子的高度不能超過內(nèi)容高度的。超過了會導致scrollTop 屬性值不能變動。即ScrollTop值不能大于滾動內(nèi)容的高度。 3）實際滾動的內(nèi)容只有con1，con2只是用來填充尾部內(nèi)容的。 測試： 1） 修改盒子容器的樣式，讓高度超過con1的高度。 /* 中間樣式 */ #moocBox { height: 244px; /* 大于216都可以，但為了顯示增加的con3的內(nèi)容，加高一點。*/ 2) HTML 修改。 在con2下面增加一個con3. <ul id="con2"> </ul> <ul id="con3"> <li><a href="#">1.Test1</a><span>2013-09-18</span></li> <li><a href="#">2.Test2</a><span>2013-10-09</span></li> <li><a href="#">3.Test3</a><span>2013-10-21</span></li> <li><a href="#">4.Test4</a><span>2013-11-01</span></li> <li><a href="#">5.Test5</a><span>2013-11-06</span></li> <li><a href="#">6.Test6</a><span>2013-11-08</span></li> <li><a href="#">7.Test7</a><span>2013-11-15</span></li> <li><a href="#">8.Test8</a><span>2013-11-22</span></li> <li><a href="#">9.Test9</a><span>2013-12-06</span></li> </ul>查看全部
-
知識點： 1.innerHTML 2.scrollTop 3.offsetHeight 4.setInterval() 5.clearInterval()查看全部
-
滾動查看全部
-
1、innerHTML<br> 2、scrollTop（向上滾動的數(shù)值）后面的值不帶px，如area.scrollTop = 0； <br> 3、offsetHeight（元素自身的高度）<br> 4、setInterval()（執(zhí)行的方法）<br> 5、clearInterval()（清除執(zhí)行的方法）<br>查看全部
-
marquee標簽，成對出現(xiàn)： behavior 滾動的方式： alternate 表示在兩端之間來回滾動 scroll 表示由一端滾動到另外一端 會重復 slide 表示由一端滾動到另一端 不會重復 direction的滾動方式： down,up,left,right loop滾動的次數(shù)（當loop=-1表示一直滾動下去，默認-1） scroollamount設定活動字幕的滾動速度 scrolldelay設定活動字幕滾動兩次之間的延長時間查看全部
-
marquee的知識點查看全部
-
setTimeout和setInterval查看全部
-
使用scrollLeft的必要條件是 第一：此標簽的內(nèi)容寬度超過了標簽本身的寬度。 這個很容易理解，如果內(nèi)容沒有超過標簽的寬度，不需要橫向的滾動就可以看到所有橫向的范圍，那在使用scrollLeft的時候肯定是無效的了。 在這里很多新手經(jīng)常會犯一個錯誤，內(nèi)容的大小確實是超過了標簽的顯示范圍，但是卻因為瀏覽器的默認屬性換行了，也就是沒有在橫向上超出，這時候同樣是不能使用scrollLeft的。 第二：scrollLeft的值范圍是在一定范圍內(nèi)的，不能無限增大。 當內(nèi)容的最右端可以顯示的時候，scrollLeft便不能再增加了。這個也容易理解。以瀏覽器右側(cè)滾動條為例，這個滾動條肯定是能拖到底的，這個拖動有一定的范圍，跟頁面內(nèi)容高度有關(guān)。 第三：scrollLeft（包括其他三個）常與定時器一起使用，實現(xiàn)位置移動效果，如滾動。 你應該遇到的是第一個條件不滿足才產(chǎn)生的這個問題。所以建議你可以采用改變ul的margin-Left的值實現(xiàn)滾動效果查看全部
-
無縫滾動設置鼠標移入停止?jié)L動，移出繼續(xù)滾動查看全部
-
定義一個元素，然后將該元素克隆一個，當原始的元素內(nèi)容結(jié)尾出現(xiàn)時，也就是滾動高度等于元素的offsetHeight，后面跟上克隆元素，當原始元素內(nèi)容滾動完時，將滾動高度值為0，即從頭開始滾動，這樣就達到了無縫滾動 scrollTop：為元素內(nèi)容被卷去的高度查看全部
-
marquee的屬性： scrolldely單位毫秒 可以設置鼠標移入停止：onmouseover="this.stop();"；鼠標移出繼續(xù)滾動：onmouseout="this.start();"查看全部
-
<marquee>知識點查看全部
舉報
0/150
提交
取消