兼容多浏览器的无缝左滚动

最新推荐文章于 2021-06-09 16:05:09 发布

felixsyan

最新推荐文章于 2021-06-09 16:05:09 发布

阅读量82

点赞数

分类专栏： JavaScript 文章标签：浏览器 JavaScript ViewUI

本文链接：https://blog.csdn.net/felixsyan/article/details/83918799

版权

JavaScript 专栏收录该内容

49 篇文章 0 订阅

订阅专栏

  <!--兼容性滚动-->
			 <div id="divHScroll" style=" overflow:hidden;height:40px;width:920px; margin:0 auto;">
					<table height="40" border=0 align=left cellpadding=0 cellspacing="0">
					  <tr><td id="divHScroll1" valign="bottom">
				  <table width="918" height="40" border=0 cellpadding=0 cellspacing=0>
				  
				 <img  src="../images/mh_pattern.png" alt="Tips" />
				  
				  </table>
				</td><td id=divHScroll2 valign=top></td></tr></table></div>
			
				 <script type="text/javascript">
				     var speed1 = 25//速度数值越大速度越慢
				     document.getElementById("divHScroll2").innerHTML = document.getElementById("divHScroll1").innerHTML
				     function Marquee1() {
				         if (document.getElementById("divHScroll2").offsetWidth - document.getElementById("divHScroll").scrollLeft <= 0)
				             document.getElementById("divHScroll").scrollLeft -= document.getElementById("divHScroll1").offsetWidth
				         else {
				             document.getElementById("divHScroll").scrollLeft++
				         }
				     }
				     var MyMar1 = setInterval(Marquee1, speed1)
				     document.getElementById("divHScroll").onmouseover = function() { clearInterval(MyMar1) }
				     document.getElementById("divHScroll").onmouseout = function() { MyMar1 = setInterval(Marquee1, speed1) }
 				 </script>