一個(gè)頁(yè)面放2段圖片滾動(dòng)代碼出現(xiàn)沖突的問(wèn)題如何解決
更新時(shí)間：2012年12月21日 09:35:31 作者：
這是一段調(diào)用圖片流動(dòng)的代碼？為什么我在首頁(yè)同時(shí)復(fù)制出二段代碼后圖片不能流動(dòng)顯示了？遇此問(wèn)題很是疑惑，于是搜集整理一些實(shí)用技巧以解大伙們的燃眉之急，需要了解的朋友可以參考下
為什么我在首頁(yè)同時(shí)復(fù)制出二段代碼后圖片不能流動(dòng)顯示了？
<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)生沖突。把另一段代碼簡(jiǎn)單修改一下代碼即可。紅色標(biāo)注的地方是需要修改的。
你試試：
<!--第二段向右滾動(dòng)代碼開(kāi)始-->
<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>
<!--第二段向右滾動(dòng)代碼結(jié)束-->
復(fù)制代碼 代碼如下:
<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)生沖突。把另一段代碼簡(jiǎn)單修改一下代碼即可。紅色標(biāo)注的地方是需要修改的。
你試試：
復(fù)制代碼 代碼如下:
<!--第二段向右滾動(dòng)代碼開(kāi)始-->
<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>
<!--第二段向右滾動(dòng)代碼結(jié)束-->
相關(guān)文章
利用jsonp與代理服務(wù)器方案解決跨域問(wèn)題
這篇文章主要給大家介紹了關(guān)于利用jsonp與代理服務(wù)器方案解決跨域問(wèn)題的相關(guān)資料，文中通過(guò)示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2017-09-09
今天小編就為大家分享一篇LayUi數(shù)據(jù)表格自定義賦值方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-10-10
基于insertBefore制作簡(jiǎn)單的循環(huán)插空效果
這是一個(gè)基于insertBefore制作簡(jiǎn)單的循環(huán)插空效果，實(shí)現(xiàn)的數(shù)字下面循環(huán)插空效果，給需要的朋友分享。2015-09-09
JS創(chuàng)建自定義表格具體實(shí)現(xiàn)
創(chuàng)建自定義表格的方法有很多，本文為大家介紹下使用js是如何創(chuàng)建的，感興趣的朋友可以參考下2014-02-02
本篇文章主要介紹了p5.js實(shí)現(xiàn)斐波那契螺旋的示例代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
詳述JavaScript實(shí)現(xiàn)繼承的幾種方式(推薦)
這篇文章主要介紹了詳述JavaScript實(shí)現(xiàn)繼承的幾種方式(推薦)的相關(guān)資料,需要的朋友可以參考下2016-03-03
很多朋友需要使用到cookies操作，腳本之家以前也發(fā)表了不少相關(guān)的文章。這篇文章，雖然亂了點(diǎn)，但知識(shí)點(diǎn)比較多。2010-07-07
細(xì)說(shuō)JavaScript中的變量,作用域和垃圾回收
這篇文章主要和大家介紹一下JavaScript中的變量,作用域和垃圾回收的定義與使用，文中的示例代碼講解詳細(xì)，對(duì)我們學(xué)習(xí)JavaScript有一定的幫助，需要的可以參考一下2022-11-11
js 調(diào)用父窗口的具體實(shí)現(xiàn)代碼
想要實(shí)現(xiàn)如題所示:父窗體需要頂一個(gè)show()方法，具體實(shí)現(xiàn)代碼如下，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助2013-07-07
Openlayers實(shí)現(xiàn)點(diǎn)閃爍擴(kuò)散效果
這篇文章主要為大家詳細(xì)介紹了Openlayers實(shí)現(xiàn)點(diǎn)閃爍擴(kuò)散效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-09-09