一个页面放2段图片滚动代码出现冲突的问题如何解决

这是一段调用图片流动的代码?为什么我在首页同时复制出二段代码后图片不能流动显示了?遇此问题很是疑惑,于是搜集整理一些实用技巧以解大伙们的燃眉之急,需要了解的朋友可以参考下

为什么我在首页同时复制出二段代码后图片不能流动显示了?


<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段代码完全相同,所以产生冲突。把另一段代码简单修改一下代码即可。红色标注的地方是需要修改的。
你试试:

复制代码 代码如下:


<!--第二段向右滚动代码开始-->
<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>
<!--第二段向右滚动代码结束-->
分类:javascript技巧 时间:2015-05-03 人气:40
本文关键词: 图片滚动 滚动代码
分享到:

相关文章

iOS 开发

Android 开发

Python 开发

JAVA 开发

开发语言

PHP 开发

Ruby 开发

搜索

前端开发

数据库

开发工具

开放平台

Javascript 开发

.NET 开发

云计算

服务器

Copyright (C) codeweblog.com, All Rights Reserved.

CodeWeblog.com 版权所有 闽ICP备15018612号

processed in 0.034 (s). 10 q(s)