<strong id="rlb4z"><track id="rlb4z"></track></strong><tbody id="rlb4z"><pre id="rlb4z"></pre></tbody>

  • <em id="rlb4z"></em>
    <button id="rlb4z"><acronym id="rlb4z"><u id="rlb4z"></u></acronym></button>
      首頁>> 網站開發知識>>JS自動滾動圖片內容代碼,JS無縫滾動只滾動兩次就自動停止了是什么原因,怎么解決?

      JS自動滾動圖片內容代碼,JS無縫滾動只滾動兩次就自動停止了是什么原因,怎么解決?

      網站開發知識 543℃

      直接復制下方代碼代到html文件保存,執行即可實現“JS自動無縫滾動圖片內容”

      <!DOCTYPE html>
      <html>
      <head>
      </head>
      <body>
      <div id="colee" style="overflow:hidden;height:100px;width:410px;border:1px solid red;">
      	<div id="colee1">
      		<p>woniuseo.com</p>
      		<p>www.jygscsxh.com</p>
      		<p>woniuseo.cn</p>
      		<p>www.woniuseo.cn</p>
      		<p>蝸牛網站優化網站建設</p>
      	</div>
      	<div id="colee2"></div>
      </div>
      <script type="text/javascript">
      	//速度設置
      	var speed=10;
      	var colee2=document.getElementById("colee2");
      	var colee1=document.getElementById("colee1");
      	var colee=document.getElementById("colee");
      	colee2.innerHTML=colee1.innerHTML; //克隆colee1為colee2
      	function Marquee1(){
      	//當滾動至colee1與colee2交界時
      	if(colee2.offsetTop-colee.scrollTop<=0){
      	 colee.scrollTop-=colee1.offsetHeight; //colee跳到最頂端
      	 }else{
      	 colee.scrollTop++
      	}
      	}
      	var MyMar1=setInterval(Marquee1,speed)//設置定時器
      	//鼠標移上時清除定時器達到滾動停止的目的
      	colee.onmouseover=function() {clearInterval(MyMar1)}
      	//鼠標移開時重設定時器
      	colee.onmouseout=function(){MyMar1=setInterval(Marquee1,speed)}
      </script>
      </body>
      </html>
      
      
      
      

      在實際項目應用過程當中,會可能會出現滾動執行成功,但是最終滾動只執行了一兩次的情況發生,如果發生此種情況,按如下步驟即可處理成功。

      colee2.offsetTop-colee.scrollTop

      把如上代碼替換成如下代碼,即可解決問題:

      colee2.offsetHeight-colee.scrollTop

      本文解決方案來自互聯網,如有相關疑問,可添加本站交通QQ群:83392417? 交通溝通解決。

      轉載請注明:?蝸牛SEO? ? JS自動滾動圖片內容代碼,JS無縫滾動只滾動兩次就自動停止了是什么原因,怎么解決?

      蝸牛營銷是國內領先的搜索營銷服務商,有豐富的客戶服務經驗,我們有專業的網站優化、網站建設、APP開發、全網營銷團隊,可以持續為您提供優質的服務,您的滿意是我們不懈的追求。

      城市分站:上海SEO北京SEO廣州SEO深圳SEO網站建設武漢SEO重慶SEO成都SEO

      業務范圍:網站優化,網站建設,IDC代理,app開發,全網營銷微信:ganshangwoniu    QQ:549233124    業務咨詢熱線:177-2050-9380(自有排名技術/同行廣告勿擾)

      辦公地址:中國 . 湖北 . 武漢(接受全國所有城市業務合作,歡迎咨詢~)    Copyright ? 2008-2021 蝸牛營銷版權所有
      QQ在線咨詢
      蝸牛SEO微信號