国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

徹底搞懂JS無縫滾動代碼

2019-11-21 02:22:57
字體:
來源:轉載
供稿:網友

在做個東西要滾動代碼 而且是無縫的 搞了半天還是不行 
決心一定要把這個問題搞定 經過研究 也不難 代碼如下:

 程序代碼 

復制代碼 代碼如下:
<div id=demo style=overflow:auto;height:180;width:200;background:#009900;color:#006600> 
<table  align=top> 
<tr> 
<td id=demo1 valign=top> 

<p>aaaaaaaaaaa</p> 
<p>aaaaaaaaaaa</p> 
<p>aaaaaaaaaaa</p> 
<p>aaaaaaaaaaa</p> 
<p>aaaaaaaaaaa</p> 
<p>aaaaaaaaaaa</p> 


 </td> 
</tr> 
<tr> 
<td id=demo2 valign=top></td> 
</tr> 
</table> 

</div> 
<script> 
var speed=15 
demo2.innerHTML=demo1.innerHTML//克隆demo1為demo2 
function Marquee(){ 
if(demo2.offsetHeight-demo.scrollTop<=0)//當滾動至demo1與demo2交界時 
demo.scrollTop-=demo1.offsetHeight//demo跳到最頂端 
else{ 
demo.scrollTop++  //如果是橫向的 將 所有的 height top 改成 width left 


var MyMar=setInterval(Marquee,speed)//設置定時器 
demo.onmouseover=function() {clearInterval(MyMar)}//鼠標移上時清除定時器達到滾動停止的目的 
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}//鼠標移開時重設定時器 
</script> 




復制到一個HTM的文件即可運行了. 

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 泰顺县| 玉田县| 汶上县| 丹凤县| 奇台县| 灵武市| 达拉特旗| 青阳县| 依兰县| 马关县| 宜兴市| 乐业县| 合水县| 安塞县| 广德县| 公主岭市| 涪陵区| 柘荣县| 平湖市| 麦盖提县| 会同县| 马尔康县| 佛冈县| 巴彦县| 阳江市| 屏东市| 石门县| 天祝| 沁源县| 济宁市| 司法| 读书| 普陀区| 芜湖市| 樟树市| 定州市| 类乌齐县| 靖安县| 镇平县| 舟曲县| 舒兰市|