<divid="colee1"> <p>w……" /> 山滚云

JS自动滚动图片内容代码,JS无缝滚动只滚动两次就自动停止了是什么原因,怎么解决?

网站开发知识 1638℃

直接复制下方代码代到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.woniuseo.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无缝滚动只滚动两次就自动停止了是什么原因,怎么解决?

阿里云服务器云数据库一年最优惠时刻,马上咨询~
1、腾讯云总面值2000元代金券,最高抵扣36个月订单  点击立即领取>>
2、腾讯云轻量应用服务器 2核2G3M, 62元1年  咨询即享优惠>>
3、腾讯云轻量应用服务器 2核2G4M, 118元1年,135元15个月,540元3年  咨询即享优惠>>
4、腾讯云轻量应用服务器 2核4G5M, 218元1年,252元15个月,756元3年  咨询即享优惠>>
5、腾讯云轻量应用服务器 4核8G12M, 646元15个月  咨询即享优惠>>
6、腾讯云轻量应用服务器 8核16G18M, 1668元15个月  咨询即享优惠>>
7、腾讯云轻量应用服务器 16核32G28M, 4224元15个月  咨询即享优惠>>
8、腾讯云服务器 CVM2核2G1M S5-个企同享, 313.2元15个月;CVM2核2G3M, 469.8元15个月 咨询即享优惠>>
9、腾讯云服务器 CVM S5-个人专享 2核4G1M 748.2元15个月;2核4G3M 904.8元15个月 咨询即享优惠>>
10、腾讯云服务器 S5-个人专享CVM:4核8G1M 1437.24元15个月;4核8G3M 1593.84元15个月;4核8G5M 1767.84元15个月 咨询即享优惠>>
11、腾讯云服务器 CVM8核16G5M S5-个人专享,3048.48元15个月 咨询即享优惠>>
12、腾讯云服务器 CVM S5 2核4G1M ,3603.6元5年;2核4G3M ,4953.6元5年;2核4G5M ,6453.6元5年 咨询即享优惠>>
13、腾讯云服务器 CVM S5 4核8G1M 6490.44元5年;4核8G3M 7840.44元5年;4核8G5M 9340.44元5年 咨询即享优惠>>
1、华为云1核2G1M HECS 1年64.5元   每天早上9:00开抢,手慢无  咨询即享优惠>>
2、华为云2核2G3M 云耀L实例 3个月33.01元 1年88元  咨询即享优惠>>
3、华为云2核2G4M 云耀L实例 1年108元   每天早上9:00开抢,手慢无  咨询即享优惠>>
4、华为云2核4G5M 云耀L实例 1年198元 3年1010.68元  每天早上9:00开抢,手慢无  咨询即享优惠>>
5、【香港】华为云1核2G1M S3云服务器 1年99.00   每天早上9:00开抢,手慢无  咨询即享优惠>>

1、景安快云VPS基础型33一个月,198六个月,258一年,399二年,499三年,788五年。  咨询即享优惠>>
2、景安快云服务器1核1G0M,28一个月,228一年,388二年,488三年,666四年,828五年。  咨询即享优惠>>
3、个人A型企业A型虚拟主机22一年,44两年,66三年,88四年,110五年,220十年。  咨询即享优惠>>
5、西部数码虚拟主机云峰A型270元5年,LinuxA型300元5年  咨询即享优惠>>
6、【香港】恒创科技香港轻量云服务器1核1G10M 218元1年,436元3年,654元5年起  咨询即享优惠>>
7、独立IP虚拟主机(香港)150M 78元/年起,300M 108元/年起,500M 128元/年起  咨询即享优惠>>
8、香港cn2虚拟主机 100M 30元/年起,300M 60元/年起,500M 78元/年起  咨询即享优惠>>

蜗牛营销是国内领先的搜索营销服务商,有丰富的客户服务经验,我们有专业的网站优化、网站建设、APP开发、全网营销团队,可以持续为您提供优质的服务,您的满意是我们不懈的追求。

城市分站:上海SEO北京SEO广州SEO深圳SEO网站建设武汉SEO重庆SEO成都SEO

业务范围:网站优化,网站建设,app开发,虚拟主机    微信:ganshangwoniu    QQ:549233124    业务咨询热线:177-2050-9380

   Copyright © 2008-2024 蜗牛营销版权所有   

QQ在线咨询
上海SEO蜗牛营销微信号