-
<marquee>知識(shí)點(diǎn)查看全部
-
setInterval clearInterval查看全部
-
scrollHeight:元素的 padding 加 content 的高度。 clientWidth: 獲取對(duì)象可見(jiàn)內(nèi)容的寬度,不包括滾動(dòng)條,不包括邊框; clientHeight: 獲取對(duì)象可見(jiàn)內(nèi)容的高度,不包括滾動(dòng)條,不包括邊框;查看全部
-
area.innerHTML += area.innerHTML; // 克隆 area 中的內(nèi)容查看全部
-
innerHTML:標(biāo)簽里的內(nèi)容(含子標(biāo)簽)查看全部
-
scrollTop:設(shè)置或獲取位于對(duì)象最頂端和窗口中可見(jiàn)內(nèi)容的最頂端之間的距離 (即網(wǎng)頁(yè)被卷去的高) (是一個(gè)數(shù)值)查看全部
-
offsetWidth、offsetHeight 不算 margin(content + padding + border) offsetLeft、offsetTop 從 border 算起查看全部
-
dan hang gun dong查看全部
-
<script type="text/javascript"> var moocBox=document.getElementById("moocBox"); var con1=document.getElementById("con1"); var con2=document.getElementById("con2"); moocBox.scrollTop=0;//scrollTop的對(duì)象是div塊級(jí) con2.innerHTML=con1.innerHTML; function scrollup(){ if(moocBox.scrollTop==con1.offsetHeight){ moocBox.scrollTop=0; }else{ moocBox.scrollTop++;} } var timer=setInterval("scrollup()",50); moocBox.onmouseover=function(){ clearInterval(timer); } moocBox.onmouseout=function(){ timer=setInterval("scrollup()",50); } </script>查看全部
-
<marqueen>HTML5已經(jīng)棄用!查看全部
-
<script type="text/javascript"> var moocBox=document.getElementById("moocBox"); moocBox.scrollTop=0; moocBox.innerHTML+=moocBox.innerHTML;//進(jìn)過(guò)添加內(nèi)容功能,會(huì)改變?cè)氐膬?nèi)容,元素的內(nèi)容地址需要重新獲取 var timer1=null; var timer=null; var oliHeight=24;//直接定義滾動(dòng)高度,比獲取行高度簡(jiǎn)單得多 var speed=50; var ispeed=500; function scrollUp(){ var con1=document.getElementsByTagName("ul")[0]; var moocBox=document.getElementById("moocBox"); if(moocBox.scrollTop%oliHeight==0){ clearInterval(timer); timer1=setTimeout(ostop,ispeed); } else { if(moocBox.scrollTop>=moocBox.scrollHeight/2){//計(jì)算方式 :scrollHeight = topPadding + bottomPadding + 內(nèi)容margix box的高度。 moocBox.scrollTop=0; } else{ moocBox.scrollTop++;} } } timer1=setTimeout(ostop,ispeed); function ostop(){ moocBox.scrollTop ++; timer = setInterval("scrollUp()",speed); } moocBox.onmouseover = function(){ clearInterval(timer); clearTimeout(timer1) } moocBox.onmouseout = function(){ timer = setInterval("scrollUp()",50); } </script>查看全部
-
<script type="text/javascript"> var moocBox=document.getElementById("moocBox"); moocBox.scrollTop=0; moocBox.innerHTML+=moocBox.innerHTML;//進(jìn)過(guò)添加內(nèi)容功能,會(huì)改變?cè)氐膬?nèi)容,元素的內(nèi)容地址需要重新獲取 var timer1=null; function scrollUp(){ var con1=document.getElementsByTagName("ul")[0];//改變內(nèi)容后再獲取元素地址 if(moocBox.scrollTop%24==0&&moocBox.scrollTop<con1.offsetHeight){//con1.scrollHeight和con1.offsetHeight都可以 clearInterval(timer); timer1=setTimeout(ostop,500); } else if(moocBox.scrollTop>=con1.offsetHeight){ moocBox.scrollTop=0; } else{ moocBox.scrollTop++;} } var timer=setInterval("scrollUp()",50); function ostop(){ moocBox.scrollTop ++; timer = setInterval("scrollUp()",50); } moocBox.onmouseover = function(){ clearInterval(timer); clearTimeout(timer1);//兩種定時(shí)都要清除,不然會(huì)出現(xiàn)速度加快 } moocBox.onmouseout = function(){ timer = setInterval("scrollUp()",50); } </script>查看全部
-
先完成滾動(dòng)再添加鼠標(biāo)事件查看全部
-
使用兩個(gè)板塊流動(dòng),流動(dòng)完了進(jìn)行復(fù)位查看全部
-
<script type="text/javascript"> var moocBox=document.getElementById("moocBox"); var con1=document.getElementById("con1"); var con2=document.getElementById("con2"); moocBox.scrollTop=0;//scrollTop的對(duì)象是div塊級(jí) con2.innerHTML=con1.innerHTML; function scrollup(){ if(moocBox.scrollTop==con1.offsetHeight){ moocBox.scrollTop=0; }else{ moocBox.scrollTop++;} } var timer=setInterval("scrollup()",50); moocBox.onmouseover=function(){ clearInterval(timer); } moocBox.onmouseout=function(){ timer=setInterval("scrollup()",50); } </script>查看全部
舉報(bào)
0/150
提交
取消