-
@間歇性循環(huán)滾動制作 <script> var area=document.getElementById('moocBox'), delay=2000, speed=50, liHeight=24; area.innerHTML+=area.innerHTML; var timer; function startScroll(){ area.scrollTop++; timer=setInterval('scrollUp()',speed); } function scrollUp(){ if(area.scrollTop%liHeight==0){ clearInterval(timer); setTimeout('startScroll()',delay); }else{ area.scrollTop++; if (area.scrollTop>=area.scrollHeight/2) { area.scrollTop=0; } } } setTimeout('startScroll()',delay); </script> <body> <div id="moocBox"> <ul id="con1"> <li>...</li> . . . <li>...</li> </ul> </div> </body> 【溫馨提示：JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等編程愛好者關(guān)注我，加我慕課好友，互相學(xué)習(xí)，共同進步！】查看全部
-
克隆方法1： var con1 = document.getElementById('con1'), con2 = document.getElementById('con2'); con2.innerHTML = con1.innerHTML; 克隆方法2： var area = document.getElementById('moocBox'); area.innerHTML+=area.innerHTML; Ps1：setTimeout('函數(shù)或表達式',時間); Ps2：var iLiHeight=<li>的高度;//單行，若兩行，則<li>的高度*2。 area.scrollTop%iLiHeight==0;//滾動的高度等于<li>高度。 Ps3：顯示一行信息：顯示區(qū)域的高度==<li>的高度。 【溫馨提示：JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等編程愛好者關(guān)注我，加我慕課好友，互相學(xué)習(xí)，共同進步！】查看全部
-
@文字信息無縫滾動 <script> var area = document.getElementById('moocBox'), con1 = document.getElementById('con1'), con2 = document.getElementById('con2'); 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); //當鼠標移入時停止?jié)L動 area.onmouseover = function(){ clearInterval(myScroll); } //當鼠標離開時繼續(xù)滾動 area.onmouseout = function(){ myScroll = setInterval('scrollUp()',time); } </script> <body> <div id="moocBox"> <ul id="con1"> <li>...</li> . . . <li>...</li> </ul> <ul id="con2"></ul> </div> </body> 【溫馨提示：JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等編程愛好者關(guān)注我，加我慕課好友，互相學(xué)習(xí)，共同進步！】查看全部
-
<marquee></marquee>文字信息滾動標簽?？梢栽O(shè)置滾動方向、速度、時間。滾動方式：來回滾動，重復(fù)滾動和非重復(fù)滾動 屬性說明: 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ù)滾動。 【溫馨提示：JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等編程愛好者關(guān)注我，加我慕課好友，互相學(xué)習(xí)，共同進步！】查看全部
-
<marquee></marquee>文字信息滾動標簽。可以設(shè)置滾動方向、速度、時間。滾動方式：來回滾動，重復(fù)滾動和非重復(fù)滾動 屬性說明: 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ù)滾動。 【溫馨提示：JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等編程愛好者關(guān)注我，加我慕課好友，互相學(xué)習(xí)，共同進步！】查看全部
-
setInterval() 方法可按照指定的周期（以毫秒計）來調(diào)用函數(shù)或計算表達式。 setInterval() 方法會不停地調(diào)用函數(shù)，直到 clearInterval() 被調(diào)用或窗口被關(guān)閉。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的參數(shù)。查看全部
-
間歇性循環(huán)滾動制作 知識點 1、setTimeout（表達式，延遲時間） 在執(zhí)行時，是在載入后延遲指定時間后，去執(zhí)行一次表達式，僅執(zhí)行一次 2、setInterval()（表達式，交互時間） 在執(zhí)行時，它從載入后，每隔指定的時間就執(zhí)行一次表達式 <script> var area = document.getElementById("moocBox"); var iLiHeight = 24; //滾動高度 area.innerHTML += area.innerHTML; //克隆area的內(nèi)容到area area.scrollTop = 0; var speed = 50; var delay = 2000; var time; function startMove(){ area.scrollTop++; time = setInterval("scrollUp()",speed); } function scrollUp(){ if(area.scrollTop % iLiHeight == 0){ clearInterval(time); setTimeout("startMove()",delay); }else{ area.scrollTop++; if(area.scrollTop >= area.scrollHeight/2){ area.scrollTop = 0; } } } setTimeout("startMove()",delay); //初始化 </script> <body> <div id="moocBox"> <ul> <li>...</li> . . . <li>...</li> </ul> </div> </body>查看全部
-
單次滾動制作 <script> var area = document.getElementById('moocBox'); var iLiHeight = 24; area.innerHTML += area.innerHTML; //克隆area的內(nèi)容到area area.scrollTop = 0; function scrollUp(){ area.scrollTop++; if(area.scrollTop % iLiHeight == 0){ clearInterval(time); } } var time = setInterval("scrollUp()",50); </script> <body> <div id="moocBox"> <ul> <li>...</li> . . . <li>...</li> </ul> </div> </body>查看全部
-
setInterval() 方法可按照指定的周期（以毫秒計）來調(diào)用函數(shù)或計算表達式。 setInterval() 方法會不停地調(diào)用函數(shù)，直到 clearInterval() 被調(diào)用或窗口被關(guān)閉。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的參數(shù)。查看全部
-
滾動方式behavior: scroll:循環(huán)滾動，默認效果； slide:只滾動一次就停止； alternate:來回交替進行滾動 語法：<marquee behavior="滾動方式">...</marquee> 滾動方向direction（包括4個值：up、 down、 left和 right） 語法：<marquee direction="滾動方向">...</marquee> 滾動循環(huán)loop（默認值是-1，滾動會不斷的循環(huán)下去） 語法：<marquee loop="2">...</marquee> 動速度scrollamount（滾動速度是設(shè)置每次滾動時移動的長度，以像素為單位） 語法：<marquee scrollamount="5">...</marquee>查看全部
-
scrollTop:設(shè)置或獲取位于對象最頂端和窗口中可見內(nèi)容的最頂端之間的距離 (即網(wǎng)頁被卷去的高)查看全部
-
鼠標懸停事件添加 <script> var area = document.getElementById('moocBox'), con1 = document.getElementById('con1'), con2 = document.getElementById('con2'); 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); //當鼠標移入時停止?jié)L動 area.onmouseover = function(){ clearInterval(myScroll); } //當鼠標離開時繼續(xù)滾動 area.onmouseout = function(){ myScroll = setInterval('scrollUp()',time); } </script> <body> <div id="moocBox"> <ul id="con1"> <li>...</li> . . . <li>...</li> </ul> <ul id="con2"></ul> </div> </body>查看全部
-
無縫滾動制作 知識點 1、innerHTML 2、scrollTop（向上滾動的數(shù)值） 3、offsetHeight（元素自身的高度） 4、setInterval()（執(zhí)行的方法） 5、clearInterval()（清除執(zhí)行的方法） <script> var area = document.getElementById('moocBox'), con1 = document.getElementById('con1'), con2 = document.getElementById('con2'); 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); </script> <body> <div id="moocBox"> <ul id="con1"> <li>...</li> . . . <li>...</li> </ul> <ul id="con2"></ul> </div> </body>查看全部
-
滾動方向direction（包括4個值：up、 down、 left和 right） 語法：<marquee direction="滾動方向">...</marquee>查看全部
-
marquee標簽實現(xiàn)信息滾動 <marquee>知識點 1.behavior滾動的方式 alternate:表示在兩端之間來回滾動。 scroll:表示由一端滾動到另一端，會重復(fù)。 slide:表示由一端滾動到另一端，不會重復(fù)。 2.direction滾動的方向down、up、left、right 3.loop滾動的次數(shù)（當loop＝-1表示一直滾動下去，默認為-1） 4.scrollamount設(shè)定活動字幕的滾動速度 5.scrolldelay設(shè)定活動字幕滾動兩次之間的延遲時間（以毫秒為單位） marquee標簽成對出現(xiàn) 要設(shè)置滾動的內(nèi)容放在marquee標簽里面查看全部
舉報
0/150
提交
取消