JS不间断向左滚动

最新推荐文章于 2023-11-10 12:46:32 发布

iteye_21104

最新推荐文章于 2023-11-10 12:46:32 发布

阅读量259

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/iteye_21104/article/details/82331537

版权

JavaScript 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

<div id=demo
	style="overflow: hidden; height: 139; width: 232; background: #f4f4f4; color: #ffffff">
	<table align=0 cellpadding=0 cellspace=0 border=0>
		<tr>
			<td id=demo1 valign=top><img
				src="http://www.lanrentuku.com/down/js/images/12460764740.jpg"><img
				src="http://www.lanrentuku.com/down/js/images/12460764741.jpg"><img
				src="http://www.lanrentuku.com/down/js/images/12460764742.jpg"><img
				src="http://www.lanrentuku.com/down/js/images/12460764743.jpg"><img
				src="http://www.lanrentuku.com/down/js/images/12460764744.jpg"></td>
			<td id=demo2 valign=top></td>
		</tr>
	</table>
</div>
<script>
	var speed = 30
	demo2.innerHTML = demo1.innerHTML
	function Marquee() {
		if (demo2.offsetWidth - demo.scrollLeft <= 0)
			demo.scrollLeft -= demo1.offsetWidth
		else {
			demo.scrollLeft++
		}
	}
	var MyMar = setInterval(Marquee, speed)
	demo.onmouseover = function() {
		clearInterval(MyMar)
	}
	demo.onmouseout = function() {
		MyMar = setInterval(Marquee, speed)
	}
</script>