<html> <head> </head> <body> <divid="colee"style="overflow:hidden;height:100px;width:410px;border:1pxsolidred;"> <divid="colee1"> <p>w……" />

山滾云

JS自動(dòng)滾動(dòng)圖片內(nèi)容代碼,JS無縫滾動(dòng)只滾動(dòng)兩次就自動(dòng)停止了是什么原因,怎么解決?

網(wǎng)站開發(fā)知識(shí) 2210℃

直接復(fù)制下方代碼代到html文件保存,執(zhí)行即可實(shí)現(xiàn)“JS自動(dòng)無縫滾動(dòng)圖片內(nèi)容”

<!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.znccw.com</p>
		<p>woniuseo.cn</p>
		<p>www.woniuseo.cn</p>
		<p>蝸牛網(wǎng)站優(yōu)化網(wǎng)站建設(shè)</p>
	</div>
	<div id="colee2"></div>
</div>
<script type="text/javascript">
	//速度設(shè)置
	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(){
	//當(dāng)滾動(dòng)至colee1與colee2交界時(shí)
	if(colee2.offsetTop-colee.scrollTop<=0){
	 colee.scrollTop-=colee1.offsetHeight; //colee跳到最頂端
	 }else{
	 colee.scrollTop++
	}
	}
	var MyMar1=setInterval(Marquee1,speed)//設(shè)置定時(shí)器
	//鼠標(biāo)移上時(shí)清除定時(shí)器達(dá)到滾動(dòng)停止的目的
	colee.onmouseover=function() {clearInterval(MyMar1)}
	//鼠標(biāo)移開時(shí)重設(shè)定時(shí)器
	colee.onmouseout=function(){MyMar1=setInterval(Marquee1,speed)}
</script>
</body>
</html>



在實(shí)際項(xiàng)目應(yīng)用過程當(dāng)中,會(huì)可能會(huì)出現(xiàn)滾動(dòng)執(zhí)行成功,但是最終滾動(dòng)只執(zhí)行了一兩次的情況發(fā)生,如果發(fā)生此種情況,按如下步驟即可處理成功。

colee2.offsetTop-colee.scrollTop

把如上代碼替換成如下代碼,即可解決問題:

colee2.offsetHeight-colee.scrollTop

本文解決方案來自互聯(lián)網(wǎng),如有相關(guān)疑問,可添加本站交通QQ群:83392417? 交通溝通解決。

轉(zhuǎn)載請(qǐng)注明:?蝸牛SEO? ? JS自動(dòng)滾動(dòng)圖片內(nèi)容代碼,JS無縫滾動(dòng)只滾動(dòng)兩次就自動(dòng)停止了是什么原因,怎么解決?

阿里云服務(wù)器云數(shù)據(jù)庫一年最優(yōu)惠時(shí)刻,馬上咨詢~
1、騰訊云總面值2000元代金券,最高抵扣36個(gè)月訂單 ?點(diǎn)擊立即領(lǐng)取>>
2、騰訊云輕量應(yīng)用服務(wù)器 2核2G3M, 62元1年 ?咨詢即享優(yōu)惠>>
3、騰訊云輕量應(yīng)用服務(wù)器 2核2G4M, 118元1年,135元15個(gè)月,540元3年 ?咨詢即享優(yōu)惠>>
4、騰訊云輕量應(yīng)用服務(wù)器 2核4G5M, 218元1年,252元15個(gè)月,756元3年 ?咨詢即享優(yōu)惠>>
5、騰訊云輕量應(yīng)用服務(wù)器 4核8G12M, 646元15個(gè)月 ?咨詢即享優(yōu)惠>>
6、騰訊云輕量應(yīng)用服務(wù)器 8核16G18M, 1668元15個(gè)月 ?咨詢即享優(yōu)惠>>
7、騰訊云輕量應(yīng)用服務(wù)器 16核32G28M, 4224元15個(gè)月 ?咨詢即享優(yōu)惠>>
8、騰訊云服務(wù)器 CVM2核2G1M S5-個(gè)企同享, 313.2元15個(gè)月;CVM2核2G3M, 469.8元15個(gè)月 咨詢即享優(yōu)惠>>
9、騰訊云服務(wù)器 CVM S5-個(gè)人專享 2核4G1M 748.2元15個(gè)月;2核4G3M 904.8元15個(gè)月 咨詢即享優(yōu)惠>>
10、騰訊云服務(wù)器 S5-個(gè)人專享CVM:4核8G1M 1437.24元15個(gè)月;4核8G3M 1593.84元15個(gè)月;4核8G5M 1767.84元15個(gè)月 咨詢即享優(yōu)惠>>
11、騰訊云服務(wù)器 CVM8核16G5M S5-個(gè)人專享,3048.48元15個(gè)月 咨詢即享優(yōu)惠>>
12、騰訊云服務(wù)器 CVM S5 2核4G1M ,3603.6元5年;2核4G3M ,4953.6元5年;2核4G5M ,6453.6元5年 咨詢即享優(yōu)惠>>
13、騰訊云服務(wù)器 CVM S5 4核8G1M 6490.44元5年;4核8G3M 7840.44元5年;4核8G5M 9340.44元5年 咨詢即享優(yōu)惠>>
1、華為云1核2G1M HECS 1年64.5元 ? 每天早上9:00開搶,手慢無 ?咨詢即享優(yōu)惠>>
2、華為云2核2G3M 云耀L實(shí)例 3個(gè)月33.01元 1年88元 ?咨詢即享優(yōu)惠>>
3、華為云2核2G4M 云耀L實(shí)例 1年108元 ? 每天早上9:00開搶,手慢無 ?咨詢即享優(yōu)惠>>
4、華為云2核4G5M 云耀L實(shí)例 1年198元 3年1010.68元? 每天早上9:00開搶,手慢無 ?咨詢即享優(yōu)惠>>
5、【香港】華為云1核2G1M S3云服務(wù)器 1年99.00 ? 每天早上9:00開搶,手慢無 ?咨詢即享優(yōu)惠>>

1、景安快云VPS基礎(chǔ)型33一個(gè)月,198六個(gè)月,258一年,399二年,499三年,788五年。 ?咨詢即享優(yōu)惠>>
2、景安快云服務(wù)器1核1G0M,28一個(gè)月,228一年,388二年,488三年,666四年,828五年。 ?咨詢即享優(yōu)惠>>
3、個(gè)人A型企業(yè)A型虛擬主機(jī)22一年,44兩年,66三年,88四年,110五年,220十年。 ?咨詢即享優(yōu)惠>>
5、西部數(shù)碼虛擬主機(jī)云峰A型270元5年,LinuxA型300元5年 ?咨詢即享優(yōu)惠>>
6、【香港】恒創(chuàng)科技香港輕量云服務(wù)器1核1G10M 218元1年,436元3年,654元5年起 ?咨詢即享優(yōu)惠>>
7、獨(dú)立IP虛擬主機(jī)(香港)150M 78元/年起,300M 108元/年起,500M 128元/年起 ?咨詢即享優(yōu)惠>>
8、香港cn2虛擬主機(jī) 100M 30元/年起,300M 60元/年起,500M 78元/年起 ?咨詢即享優(yōu)惠>>

山滾網(wǎng)絡(luò)是國內(nèi)領(lǐng)先的搜索營銷服務(wù)商,有豐富的客戶服務(wù)經(jīng)驗(yàn),我們有專業(yè)的網(wǎng)站優(yōu)化、網(wǎng)站建設(shè)、APP開發(fā)、全網(wǎng)營銷團(tuán)隊(duì),可以持續(xù)為您提供優(yōu)質(zhì)的服務(wù),您的滿意是我們不懈的追求。

城市分站:上海SEO北京SEO廣州SEO深圳SEO深圳建站公司武漢SEO重慶SEO成都SEO

業(yè)務(wù)范圍:網(wǎng)站優(yōu)化,深圳建站公司,虛擬主機(jī)    微信:ganshangwoniu    QQ:549233124    業(yè)務(wù)咨詢熱線:177-2050-9380

   Copyright ? 2008-2024 山滾網(wǎng)絡(luò)版權(quán)所有   

QQ在線咨詢
上海SEO山滾網(wǎng)絡(luò)微信號(hào)