-
為了實現(xiàn)循環(huán)無限滾動,需要設(shè)置兩個div,其中div2的內(nèi)容克隆div1.并且當(dāng)div1完全滾動出去以后,設(shè)置兩個div恢復(fù)初始狀態(tài)。這樣肉眼可見就形成了無限的效果。查看全部
-
<marquee>在html5當(dāng)中逐漸棄用。圖片所示為其屬性和作用。查看全部
-
scrlltopscrollTop() 方法返回或設(shè)置匹配元素的滾動條的垂直位置。查看全部
-
做好函數(shù)封裝,代碼清晰可見,有條理。查看全部
-
setInterval() 方法可按照指定的周期(以毫秒計)來調(diào)用函數(shù)或計算表達(dá)式。 setInterval() 方法會不停地調(diào)用函數(shù),直到 clearInterval() 被調(diào)用或窗口被關(guān)閉。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的參數(shù)。 setTimeout(code,ms) 方法用于在指定的毫秒數(shù)后調(diào)用函數(shù)或計算表達(dá)式。 【注意】setTimeout() 只執(zhí)行 code 一次。如果要多次調(diào)用,請使用 setInterval() 或者讓code 自身再次調(diào)用 setTimeout()。 clearTimeout() 方法可取消由 setTimeout() 方法設(shè)置的 timeout。查看全部
-
?<marquee>知識點: 1.behavior滾動的方式:①alternate:表示在兩端之間來回滾動 ②scroll:表示由一端滾動到另一端,會重復(fù) ③slide:表示由一端滾動到另一端,不會重復(fù) 2.direction滾動的方向(down,up,left,right) 3.loop(滾動的次數(shù)loop=-1表示一直滾動下去,默認(rèn)為-1) 4.scrollamount設(shè)定活動字幕的滾動速度 5.scrolldelay設(shè)定活動字母滾動兩次之間的延遲時間,即即間隔時間,單位毫秒 ?說明: ① marquee標(biāo)簽有閉合,是成對出現(xiàn)的:<marquee></marquee> ② 把要設(shè)置滾動的屬性放<marquee>內(nèi)部 ③ 默認(rèn)向左滾動 ④ <dd><marquee bgcolor="red" width="250" height="55"></marquee></dd> 這里設(shè)的width和height是內(nèi)容滾動區(qū)域的寬和高,而不是最外面標(biāo)簽<dd>的寬和高 ?實現(xiàn)鼠標(biāo)放到marquee內(nèi)容上停止,鼠標(biāo)移開繼續(xù)滾動: 需在marquee開始標(biāo)簽內(nèi)寫:onmouseover="this.stop();" onmouseout="this.start();"查看全部
-
延遲函數(shù)查看全部
-
//無限滾動 // <style type="text/css"> *{padding:0px; margin:0px;} .box{width:200px; height:100px; background:#C33; overflow:hidden;} .box ul{width:200px;} .box li{line-height:20px;} </style> <div id="box" class="box"> <ul class="ul1"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> </ul> </div> <script type="text/javascript"> var box = document.getElementById("box"); box.scrollTop = 0; box.innerHTML += box.innerHTML; var time = 50; var t = setInterval("gundong()",time); function gundong(){ box.scrollTop >= box.scrollHeight/2 ? box.scrollTop=0:box.scrollTop++; } box.onmousemove=function(){clearInterval(t)}; box.onmouseout=function(){t = setInterval("gundong()",time);} </script>查看全部
-
innerHtml scrolltop 向上滾動 offsetHeight 元素自身的高度 setInterval() 直行的方法 clearIntervar 清楚直行方法查看全部
-
clientTop返回的是元素周圍邊框的厚度,如果不指定一個邊框或者不定位改元素,他的值就是0。 offsetTop:獲取對象相對于版面或由 offsetTop 屬性指定的父坐標(biāo)的計算頂端位置 配合定位使用,有top,left,right,bottom。 scrollTop:設(shè)置或獲取位于對象最頂端和窗口中可見內(nèi)容的最頂端之間的距離 (即網(wǎng)頁被卷去的高)查看全部
-
滾動方式behavior: scroll:循環(huán)滾動,默認(rèn)效果; slide:只滾動一次就停止; alternate:來回交替進(jìn)行滾動 語法:<marquee behavior="滾動方式">...</marquee> 滾動方向direction(包括4個值:up、 down、 left和 right) 語法:<marquee direction="滾動方向">...</marquee> 滾動循環(huán)loop(默認(rèn)值是-1,滾動會不斷的循環(huán)下去) 語法:<marquee loop="2">...</marquee> 動速度scrollamount(滾動速度是設(shè)置每次滾動時移動的長度,以像素為單位) 語法:<marquee scrollamount="5">...</marquee>查看全部
-
滾動方式behavior: scroll:循環(huán)滾動,默認(rèn)效果; slide:只滾動一次就停止; alternate:來回交替進(jìn)行滾動 語法:<marquee behavior="滾動方式">...</marquee> 滾動方向direction(包括4個值:up、 down、 left和 right) 語法:<marquee direction="滾動方向">...</marquee>查看全部
-
解析 滾動方向direction(包括4個值:up、 down、 left和 right) 語法:<marquee direction="滾動方向">...</marquee>查看全部
-
<marquee>html5知識點 1,behavior滾動方式 2direction滾動方向 3loop滾動次數(shù) 4滾動的速度 5設(shè)置延遲時間查看全部
-
有點亂查看全部
舉報
0/150
提交
取消