javascript 无缝滚动代码

最新推荐文章于 2023-02-08 15:54:37 发布

iteye_13506

最新推荐文章于 2023-02-08 15:54:37 发布

阅读量136

点赞数

分类专栏： javascript 文章标签： JavaScript SNS ViewUI

本文链接：https://blog.csdn.net/iteye_13506/article/details/82035340

版权

javascript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

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.οnmοuseοver=function() {clearInterval(scrollID1)}//鼠标移到marquee上时，清除定时器，停止滚动
					bodyObj1.οnmοuseοut=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>