首頁 >web前端 >html教學 >div圖片marquee無縫連接實現代碼_HTML/Xhtml_網頁製作

div圖片marquee無縫連接實現代碼_HTML/Xhtml_網頁製作

WBOY
WBOY原創
2016-05-16 16:38:501478瀏覽

複製程式碼
程式碼如下:










圖片向左無縫滾動
向左滾動
複製代碼

代碼如下:






div圖片marquee無縫連接實現代碼_HTML/Xhtml_網頁製作

你號


hello


div圖片marquee無縫連接實現代碼_HTML/Xhtml_網頁製作

白痴


stupid
div>

div圖片marquee無縫連接實現代碼_HTML/Xhtml_網頁製作





<script> <br /><!-- <br />var speed=10; //數字越大速度越慢<br />var tab=document.getElementById("demo"); <br />var tab1 =document.getElementById("demo1"); <br />var tab2=document.getElementById("demo2"); <br />tab2.innerHTML=tab1.innerHTML; <br />function Marquee(){ <br />if( .offsetWidth-tab.scrollLeft<=0) <br />tab.scrollLeft-=tab1.offsetWidth <br />else{ <br />tab.scrollLeft ; <br />} <br />} <br />tab.scrollLeft ; <br />} <br />} <br />var MyvarGvar(Marqueequeef ,speed); <br />tab.onmouseover=function() {clearInterval(MyMar)}; </script>
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)}; --> --> --> --> --> --> --> -->
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn