-
知識點查看全部
-
滾動方式behavior: scroll:循環滾動，默認效果； slide:只滾動一次就停止； alternate:來回交替進行滾動 語法：<marquee behavior="滾動方式">...</marquee> 滾動方向direction（包括4個值：up、 down、 left和 right） 語法：<marquee direction="滾動方向">...</marquee> 滾動循環loop（默認值是-1，滾動會不斷的循環下去） 語法：<marquee loop="2">...</marquee> 動速度scrollamount（滾動速度是設置每次滾動時移動的長度，以像素為單位） 語法：<marquee scrollamount="5">...</marquee>查看全部
-
setTimeout(表達式，延遲時間);與setInterval(表達式，交互時間);的區別查看全部
-
<script type="text/javascript"> var area = document.getElementById('moocBox'); var con1 = document.getElementById('con1'); var con2 = document.getElementById('con2'); var speed = 50; area.scrollTop = 0; con2.innerHTML = con1.innerHTML; var timer=null; function short(){ area.scrollTop++; timer=setTimeout(short,50); if(area.scrollTop%24==0) clearTimeout(timer); if(area.scrollTop>=con1.offsetHeight) area.scrollTop=0; } var timer2=setInterval(short,2000); </script>查看全部
-
marquee標簽查看全部
-
1、innerHTML<br> 2、scrollTop（向上滾動的數值）后面的值不帶px，如area.scrollTop = 0； <br> 3、offsetHeight（元素自身的高度）<br> 4、setInterval()（執行的方法）<br> 5、clearInterval()（清除執行的方法）<br>查看全部
-
<script type="text/javascript"> var area = document.getElementById('moocBox'); area.innerHTML += area.innerHTML; var speed = 50; var liHeight = 24; var time; function startMove(){ time = setInterval("scrollUp()",speed); } function scrollUp(){ area.scrollTop ++; if(area.scrollTop%liHeight==0) { clearInterval(time); setTimeout("startMove()", 2000); } else{ if(area.scrollTop >= area.scrollHeight/2) { area.scrollTop = 0 } } } setTimeout("startMove()", 2000); </script>查看全部
-
定義一個元素，然后將該元素克隆一個，當原始的元素內容結尾出現時，也就是滾動高度等于元素的offsetHeight，后面跟上克隆元素，當原始元素內容滾動完時，將滾動高度值為0，即從頭開始滾動，這樣就達到了無縫滾動 scrollTop：為元素內容被卷去的高度查看全部
-
<marquee>屬性查看全部
-
<dd><marquee direction="up" bgcolor="orange" width="250" height="50">我在區域內滾動，向上喲。。。。</marquee></dd> 這里的width和height指的是滾動區域大小 不是<dd></dd>標簽的大小查看全部
-
setInterval() 方法可按照指定的周期（以毫秒計）來調用函數或計算表達式。 setInterval() 方法會不停地調用函數，直到 clearInterval() 被調用或窗口被關閉。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的參數。查看全部
-
<script> //將定時器、列表行間距聲明為全局變量 var timer=null; var lineHeight=24; $(function(){ //當頁面加載完后，延遲兩秒鐘執行startScroll（）函數。 //而不用setInterval(startScroll,50)，否則頁面加載完畢后，列表會直接滾動到第二行而人眼無法察覺 setTimeout(startScroll,2000); $("#moocBox ul").clone(true).appendTo("#moocBox");//帶行為的克隆 }) function startScroll(){ var top=++$("#moocBox")[0].scrollTop;//先自增后賦值，top值依次為1、2、3....而不xain先賦值后自增，否則永遠不滾動 if(top%lineHeight == 0){ setTimeout("startScroll()",2000); }else{ startScroll(); } var ulHeight=$("#moocBox ul")[0].offsetHeight; if(top == ulHeight){ $("#moocBox")[0].scrollTop=0; } } </script>查看全部
-
scrollTop:設置或獲取位于對象最頂端和窗口中可見內容的最頂端之間的距離 (即網頁被卷去的高)查看全部
-
/*依據相同原理用jQuery框架實現文字的無縫滾動 <script src="../js/jquery-3.0.0.min.js" ></script> <script type="text/javascript"> /*jQuery框架實現文字的無縫滾動*/ $(document).ready(function(e) { var timer=null; $('#con1').clone().appendTo($('#moocBox')); timer=setInterval('scrollUp()',50); $('#moocBox').mouseover(function(){clearInterval(timer)});//鼠標移入，停止滾動 $('#moocBox').mouseout(function(){timer=setInterval(function(){scrollUp()},50)});//鼠標移出，繼續滾動 }); function scrollUp(){ var area=$('#moocBox').get(0); area.scrollTop++;//jQuery對象是數組對象，轉換為DOM對象用[index]或get(index); if(area.scrollTop >= $('#con1')[0].offsetHeight){ area.scrollTop=0; }else{ area.scrollTop++; } } </script>查看全部
-
marquee查看全部
舉報
0/150
提交
取消