javascript 无缝滚动代码-优快云博客

本文介绍了一种使用JavaScript实现的无缝滚动效果，通过复制元素内容并设置定时器来达到连续滚动的效果，同时支持鼠标悬停暂停功能。

var seamlessRoll = function (id){
					
					var bodyObj1 = document.getElementById(id);
					
					
			　　    bodyObj1.innerHTML = bodyObj1.innerHTML + bodyObj1.innerHTML;
					var bodyHeight = bodyObj1.scrollHeight-bodyObj1.offsetHeight;
					
					var seamlessRollinner = function(){
						if (bodyObj1.scrollTop >= bodyHeight) {
							bodyObj1.scrollTop = 0;
						}else {
							bodyObj1.scrollTop = bodyObj1.scrollTop + 1;
							
						}
					}
					var scrollID1 = setInterval(seamlessRollinner,50);
					this.intervalId = scrollID1; 
					bodyObj1.onmouseover=function() {clearInterval(scrollID1)}//鼠标移到marquee上时，清除定时器，停止滚动
					bodyObj1.onmouseout=function() {scrollID1=setInterval(seamlessRollinner,50)}//鼠标移开时重设定时器

				}
				var slr = new seamlessRoll("seamlessroll1");

                	<ul class="pmgbox2">
                		<li class="clearfix" sequence="pmg55">
						<a class="blue asker" target="_blank" href="http://sns.17xie.cc/u/439393/">极品石头：</a>
						看来是大家分开垃圾书打开附加阿斯顿积分卡就是打开附加阿拉山口的风阿斯顿发撒旦发生的发生大幅44444
						</li>
						<li class="clearfix" sequence="pmg55">
						<a class="blue asker" target="_blank" href="http://sns.17xie.cc/u/439393/">极品石头：</a>
						看来是大家分开垃圾书打开附加阿斯顿积分卡就是打开附加阿拉山口的风阿斯顿发撒旦发生的发生大幅44444
						</li>
						<li class="clearfix" sequence="pmg55">
						<a class="blue asker" target="_blank" href="http://sns.17xie.cc/u/439393/">极品石头：</a>
						看来是大家分开垃圾书打开附加阿斯顿积分卡就是打开附加阿拉山口的风阿斯顿发撒旦发生的发生大幅44444
						</li>
						<li class="clearfix" sequence="pmg55">
						<a class="blue asker" target="_blank" href="http://sns.17xie.cc/u/439393/">极品石头：</a>
						看来是大家分开垃圾书打开附加阿斯顿积分卡就是打开附加阿拉山口的风阿斯顿发撒旦发生的发生大幅44444
						</li>
                    </ul>
                </div>