一個頁面放2段圖片滾動代碼出現(xiàn)沖突的問題如何解決

更新時間：2012年12月21日 09:35:31 作者：

這是一段調(diào)用圖片流動的代碼？為什么我在首頁同時復制出二段代碼后圖片不能流動顯示了？遇此問題很是疑惑，于是搜集整理一些實用技巧以解大伙們的燃眉之急，需要了解的朋友可以參考下

為什么我在首頁同時復制出二段代碼后圖片不能流動顯示了？

 
<div align="center"> 
<table style="TABLE-LAYOUT: fixed; border-collapse:collapse" cellSpacing=0 cellPadding=0 width=760 border=1 height="150" bordercolor="#1989D7"> 
<tr> 
<td height="150"> 
<div id=demo style="OVERFLOW: hidden; WIDTH: 100%; HEIGHT: 150px"> 
<table cellPadding=0 align=left border=0 cellspace="0"> 
<tr> 
<td id=demo1 vAlign=top><!--$最新圖片$--></td> 
<td id=demo2 vAlign=top></td> 
</tr> 
</table> 
</div> 
<SCRIPT> 
var speed=25 
demo2.innerHTML=demo1.innerHTML 
function Marquee1(){ 
if(demo2.offsetWidth-demo.scrollLeft<=0) 
demo.scrollLeft-=demo1.offsetWidth 
else{ 
demo.scrollLeft++ 
} 
} 
var MyMar=setInterval(Marquee1,speed) 
demo.onmouseover=function() {clearInterval(MyMar)} 
demo.onmouseout=function() {MyMar=setInterval(Marquee1,speed)} 
</SCRIPT> 

由于這2段代碼完全相同，所以產(chǎn)生沖突。把另一段代碼簡單修改一下代碼即可。紅色標注的地方是需要修改的。
你試試：

復制代碼代碼如下:

 
<!--第二段向右滾動代碼開始--> 
<div id=gundong style="OVERFLOW: hidden; WIDTH: 568px; HEIGHT: 126px"> 
<table cellPadding=0 align=left border=0 cellspace="0"> 
<tr> 
<td id=gundong1 vAlign=top> 
<!--{$GetPicPhoto(3,0,true,0,20,false,false,0,1,1,126,90,20,0,true,20)}--> </td> 
<td id=gundong2 vAlign=top></td> 
</tr> 
</table> 
</div> 
<script> 
var speed=25 
gundong2.innerHTML=gundong1.innerHTML 
gundong.scrollLeft=gundong.scrollWidth 
function Marquee1(){ 
if(gundong.scrollLeft<=0) 
gundong.scrollLeft+=gundong2.offsetWidth 
else{ 
gundong.scrollLeft-- 
} 
} 
var MyMar1=setInterval(Marquee1, speed) 
gundong.onmouseover=function() {clearInterval(MyMar1)} 
gundong.onmouseout=function() {MyMar1=setInterval(Marquee1, speed)} 
</script> 
<!--第二段向右滾動代碼結束--> 

您可能感興趣的文章:

利用jsonp與代理服務器方案解決跨域問題
這篇文章主要給大家介紹了關于利用jsonp與代理服務器方案解決跨域問題的相關資料，文中通過示例代碼給大家介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧。
2017-09-09
LayUi數(shù)據(jù)表格自定義賦值方式
今天小編就為大家分享一篇LayUi數(shù)據(jù)表格自定義賦值方式，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-10-10
基于insertBefore制作簡單的循環(huán)插空效果
這是一個基于insertBefore制作簡單的循環(huán)插空效果，實現(xiàn)的數(shù)字下面循環(huán)插空效果，給需要的朋友分享。
2015-09-09
JS創(chuàng)建自定義表格具體實現(xiàn)
創(chuàng)建自定義表格的方法有很多，本文為大家介紹下使用js是如何創(chuàng)建的，感興趣的朋友可以參考下
2014-02-02
p5.js實現(xiàn)斐波那契螺旋的示例代碼
本篇文章主要介紹了p5.js實現(xiàn)斐波那契螺旋的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-03-03
詳述JavaScript實現(xiàn)繼承的幾種方式(推薦)
這篇文章主要介紹了詳述JavaScript實現(xiàn)繼承的幾種方式(推薦)的相關資料,需要的朋友可以參考下
2016-03-03
javascript操作cookie方法函數(shù)集合
很多朋友需要使用到cookies操作，腳本之家以前也發(fā)表了不少相關的文章。這篇文章，雖然亂了點，但知識點比較多。
2010-07-07
細說JavaScript中的變量,作用域和垃圾回收
這篇文章主要和大家介紹一下JavaScript中的變量,作用域和垃圾回收的定義與使用，文中的示例代碼講解詳細，對我們學習JavaScript有一定的幫助，需要的可以參考一下
2022-11-11
js 調(diào)用父窗口的具體實現(xiàn)代碼
想要實現(xiàn)如題所示:父窗體需要頂一個show()方法，具體實現(xiàn)代碼如下，感興趣的朋友可以參考下哈，希望對大家有所幫助
2013-07-07
Openlayers實現(xiàn)點閃爍擴散效果
這篇文章主要為大家詳細介紹了Openlayers實現(xiàn)點閃爍擴散效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-09-09