-
<marquee>
1? ?behavior 滾動方式
????????alternate 表示在兩端之間來回滾動
????????scroll:表示由一端滾動到另一端,會重復
????????slide:表示由一端滾動到另一端,不會重復
2????direction 滾動的方向 down up left right
3????loop 滾動的次數(shù) (當loop = -1表示一直滾動下去,默認為-1)
4 ???scrollamount 設(shè)定活動字幕的滾動速度
5????scrolldelay 設(shè)定活動字幕滾動兩次之間的延遲時間
<marquee onmouseover = "this.stop();"? onmouseout = "this.start();" >設(shè)置鼠標移動樣式,鼠標停留,停止?jié)L動
查看全部 -
鼠標移入移出的效果
查看全部 -
<script?type="text/javascript"> ?var?area?=?document.getElementById('moocBox'); ?var?liHeight?=?48;?//li高度,可自定義改變每次滾動距離 ?var?time, ???time2, ???speed=20,//滾動速度 ???delay=2000;//滾動延遲 ?area.innerHTML?+=?area.innerHTML; ?area.scrollTop?=?0; ?function?startMove(){ ???//保證scrollTop不為0,否則滿足area.scrollTop?%?liHeight?==?0,使函數(shù)停止 ???area.scrollTop++; ???time?=?setInterval(scrollUp,?speed); ?} ?function?scrollUp()?{ ?????if?(area.scrollTop?%?liHeight?==?0)?{ ?????????clearInterval(time); ?????????time2=setTimeout(startMove,delay); ?????}else{ area.scrollTop++; //area.scrollHeight文檔的大小 if(area.scrollTop>=area.scrollHeight/2){ ???area.scrollTop=0; } ?????} ?} ?setTimeout(startMove,delay); ?area.onmouseover=function(){ ???//必須同時清除time和time2,只結(jié)束time的話time2依然可以在延時后啟動startMove(),使得清除time變得無效 ???clearInterval(time); ???clearTimeout(time2); ?} ?area.onmouseout=function(){ ???time?=?setInterval(scrollUp,?speed); ?} ?</script>
查看全部 -
marquee標簽實現(xiàn)信息滾動
查看全部 -
查看全部
-
<marquee>標簽屬性
查看全部 -
<script> //將定時器、列表行間距聲明為全局變量 var timer=null; var lineHeight=24; $(function(){ //當頁面加載完后,延遲兩秒鐘執(zhí)行startScroll()函數(shù)。 //而不用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>
查看全部 -
setTime與setInterval
查看全部 -
<script> //取得滾動區(qū)域 var area=document.getElementById('moocBox'); var iLiHeight=24;//1個列表高度 area.innerHTML+=area.innerHTML; area.scrollTop=0; function scrollUp(){ area.scrollTop++; //當滾動區(qū)域 %一個信息的高度==0時停止?jié)L動 if(area.scrollTop % iLiHeight ==0){ clearInterval(time); } } var time=setInterval("scrollUp()",50); </script>
查看全部 -
實現(xiàn)克?。o縫對接滾動) var area = document.getElementById('moocBox'), con1 = document.getElementById('con1'), con2 = document.getElementById('con2'); // area.scrollTop = 0; con2.innerHTML = con1.innerHTML; function scrollUp(){ if (area.scrollTop >= con1.offsetHeight) { area.scrollTop = 0; }else{ area.scrollTop ++; }; }; var time = 50; var myScroll = setInterval('scrollUp()' , time);
查看全部 -
onmouseover=this.stop() onmouseout=this.start()表示當鼠標以上區(qū)域的時候滾動停止,當鼠標移開的時候又繼續(xù)滾動。
查看全部 -
marquee
查看全部 -
間歇式滾動3查看全部
-
間歇式滾動2查看全部
-
間歇式滾動1查看全部
舉報