首頁 > web前端 > js教程 > JS圖片無縫滾動腳本非常好用_javascript技巧

JS圖片無縫滾動腳本非常好用_javascript技巧

WBOY
發布: 2016-05-16 17:00:54
原創
1230 人瀏覽過

找了好長時間,終於找到一個合適的了,根據需要改改寬度和圖像個數就可以了,用循環動態調用數據庫代碼就OK了

複製代碼 代碼如下:





圖片滾動






<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(tab2.offsetWidth-tab.scrollLeft<=0) <BR>tab.scrollLeft-=tab1.setWidth <BR>else{ <BR>tab.scrollLeft ; <BR>} <BR>} <BR>var MyMar=setInterval(Marquee,speed); <BR>tab.onmouseover=function() {clearInterval(Mar)}; <BR>tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)}; <BR>--> <BR></script>


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板