一個(gè)頁面放2段圖片滾動(dòng)代碼出現(xiàn)沖突的問題如何解決
更新時(shí)間:2012年12月21日 09:35:31 作者:
這是一段調(diào)用圖片流動(dòng)的代碼?為什么我在首頁同時(shí)復(fù)制出二段代碼后圖片不能流動(dòng)顯示了?遇此問題很是疑惑,于是搜集整理一些實(shí)用技巧以解大伙們的燃眉之急,需要了解的朋友可以參考下
為什么我在首頁同時(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)生沖突。把另一段代碼簡單修改一下代碼即可。紅色標(biāo)注的地方是需要修改的。
你試試:
<!--第二段向右滾動(dòng)代碼開始-->
<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)生沖突。把另一段代碼簡單修改一下代碼即可。紅色標(biāo)注的地方是需要修改的。
你試試:
復(fù)制代碼 代碼如下:
<!--第二段向右滾動(dòng)代碼開始-->
<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)文章
JS識(shí)別瀏覽器類型(電腦瀏覽器和手機(jī)瀏覽器)
本文給大家分享一段js代碼關(guān)于識(shí)別瀏覽器的類型是手機(jī)瀏覽器還是電腦瀏覽器,有需要的朋友可以參考下本文2016-11-11js實(shí)現(xiàn)改進(jìn)的仿藍(lán)色論壇導(dǎo)航菜單效果代碼
這篇文章主要介紹了js實(shí)現(xiàn)改進(jìn)的仿藍(lán)色論壇導(dǎo)航菜單效果代碼,涉及JavaScript頁面元素的遍歷及樣式動(dòng)態(tài)變換技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09JavaScript中document.forms[0]與getElementByName區(qū)別
在很多情況下JavaScript中document.forms[0]與getElementByName這兩種用法沒有區(qū)別,這片文章詳細(xì)的解釋了兩者的區(qū)別和用法,有興趣的朋友可以參考一下。2015-01-01Js中安全獲取Object深層對(duì)象的方法實(shí)例
Object是JavaScript基本數(shù)據(jù)類型之一(function也屬于object,是特殊的object),其存儲(chǔ)于堆中,這篇文章主要給大家介紹了關(guān)于Js中安全獲取Object深層對(duì)象的相關(guān)資料,需要的朋友可以參考下2021-09-09JavaScript數(shù)組去重和扁平化函數(shù)介紹
這篇文章主要介紹了JavaScript數(shù)組去重和扁平化函數(shù),數(shù)組扁平化又稱數(shù)組降維,下面文章圍繞數(shù)組去重和扁平化函數(shù)得相關(guān)資料展開內(nèi)容,需要的朋友可以參考一下2021-12-12javascript輸出AscII碼擴(kuò)展集中的字符方法
下面小編就為大家?guī)硪黄猨avascript輸出AscII碼擴(kuò)展集中的字符方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧,祝大家游戲愉快哦2016-12-12