一個頁面放2段圖片滾動程式碼出現衝突的問題如何解決_javascript技巧

為什麼我在首頁同時複製出二段程式碼後圖片不能流動顯示了？

複製程式碼 程式碼如下:

<script> <BR>var speed=25 <BR>demo2.innerHTML=demo1.innerHTML <BR>function Marquee1 (){ <BR>if(demo2.offsetWidth-demo.scrollLeft<=0) <BR>demo.scrollLeft-=demo1.offsetWidth <BR>else{ <BR>demo.scrollLeft <BR>} } <BR>} <BR>} <BR>} <div class="codetitle">} <span>} <a style="CURSOR: pointer" data="55814" class="copybut" id="copybut55814" onclick="doCopy('code55814')">} <U>} } } } } <div class="codebody" id="code55814">} <BR>} <BR>} <BR>) 🎜>var MyMar=setInterval(Marquee1,speed) <BR>demo.onmouseover=function() {clearInterval(MyMar)} <BR>demo.onmouseout=function() {MyMar=setInterval(Marquee1,speed)} <🎜= </script>


由於這2段程式碼完全相同，所以產生衝突。把另一段程式碼簡單修改一下程式碼即可。紅色標註的地方是需要修改的。
你試試：




複製程式碼


程式碼如下:

<script> <🎜>var speed=25 <🎜>gundong2.innerHTML=gundong1.innerHTML <🎜>gundong.scrollLeft=gundong.scrollWidth <🎜>gundong.scrollLeft=gundong.scrollWidth <🎜>function🎜> 🎜>if(gundong.scrollLeft<=0) <🎜>gundong.scrollLeft =gundong2.offsetWidth <🎜>else{ <🎜>gundong.scrollLeft-- <🎜>} <🎜>} <🎜> Marquee1, speed) <🎜>gundong.onmouseover=function() {clearInterval(MyMar1)} <🎜>gundong.onmouseout=function() {MyMar1=setInterval(Marquee1, speed)} <🎜></script>