打印

请教一个图片无缝滚动多个使用的时候问题

dc8p [楼主]

初级会员

帖子: 30
体力: 66
威望: 0
离线: 4 天

1^# 大中小发表于 2008-7-3 12:08

<HTML><HEAD><TITLE>FLYSO Blog--水平无缝滚动代码</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2800.1264" name=GENERATOR>
<link href="css.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY leftMargin=0 topMargin=2 marginheight="0" marginwidth="0">
<CENTER>
  <TABLE 
style="BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid" 
cellSpacing=0 cellPadding=0 width=750 align=center border=0>
  <TBODY>
  <TR>
    <TD>
      <DIV id=demo style="OVERFLOW: hidden; WIDTH: 100%; COLOR: #ffffff">
      <TABLE cellSpacing=0 cellPadding=0 align=left border=0 cellspace="0">
        <TBODY>
        <TR>
          <TD id=demo1 vAlign=top><table width="1710" height="116"  border="0" cellpadding="0" cellspacing="0">
            <tr>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center">1</div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center">
                <p>2</p>
                </div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center"><img src="myfile/pic/plmm.jpg" width=125></div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center">4</div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center">5</div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center">6</div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center"><img src="myfile/pic/plmm.jpg" width=125></div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center">8</div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center">9</div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center">10</div></td>
            </tr>
          </table></TD>
          <TD id=demo2 vAlign=top> </TD></TR></TBODY></TABLE></DIV>
      <SCRIPT>
var speed3=25//速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed3)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed3)}
</SCRIPT>
    </TD></TR></TBODY></TABLE></TD></TR></TABLE>
</CENTER>
</BODY></HTML>

提示：您可以先修改部分代码再运行

这个是一个无缝滚动的代码，但是我想在一个页面用两个无缝滚动，请问如何修改

<HTML><HEAD><TITLE>FLYSO Blog--水平无缝滚动代码</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2800.1264" name=GENERATOR>
<link href="css.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY leftMargin=0 topMargin=2 marginheight="0" marginwidth="0">
<CENTER>
  <TABLE 
style="BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid" 
cellSpacing=0 cellPadding=0 width=750 align=center border=0>
  <TBODY>
  <TR>
    <TD>
      <DIV id=demo style="OVERFLOW: hidden; WIDTH: 100%; COLOR: #ffffff">
      <TABLE cellSpacing=0 cellPadding=0 align=left border=0 cellspace="0">
        <TBODY>
        <TR>
          <TD id=demo1 vAlign=top><table width="1710" height="116"  border="0" cellpadding="0" cellspacing="0">
            <tr>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center">1</div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center">
                <p>2</p>
                </div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center"><img src="myfile/pic/plmm.jpg" width=125></div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center">4</div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center">5</div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center">6</div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center"><img src="myfile/pic/plmm.jpg" width=125></div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center">8</div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center">9</div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center">10</div></td>
            </tr>
          </table></TD>
          <TD id=demo2 vAlign=top> </TD></TR></TBODY></TABLE></DIV>
      <SCRIPT>
var speed3=25//速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed3)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed3)}
</SCRIPT>
    </TD></TR></TBODY></TABLE></TD></TR></TABLE>
</CENTER>
</BODY></HTML>
 <HTML><HEAD><TITLE>FLYSO Blog--水平无缝滚动代码</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2800.1264" name=GENERATOR>
<link href="css.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY leftMargin=0 topMargin=2 marginheight="0" marginwidth="0">
<CENTER>
  <TABLE 
style="BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid" 
cellSpacing=0 cellPadding=0 width=750 align=center border=0>
  <TBODY>
  <TR>
    <TD>
      <DIV id=demo style="OVERFLOW: hidden; WIDTH: 100%; COLOR: #ffffff">
      <TABLE cellSpacing=0 cellPadding=0 align=left border=0 cellspace="0">
        <TBODY>
        <TR>
          <TD id=demo1 vAlign=top><table width="1710" height="116"  border="0" cellpadding="0" cellspacing="0">
            <tr>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center">1</div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center">
                <p>2</p>
                </div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center"><img src="myfile/pic/plmm.jpg" width=125></div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center">4</div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center">5</div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center">6</div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center"><img src="myfile/pic/plmm.jpg" width=125></div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center">8</div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center">9</div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center">10</div></td>
            </tr>
          </table></TD>
          <TD id=demo2 vAlign=top> </TD></TR></TBODY></TABLE></DIV>
      <SCRIPT>
var speed3=25//速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed3)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed3)}
</SCRIPT>
    </TD></TR></TBODY></TABLE></TD></TR></TABLE>
</CENTER>
</BODY></HTML>

提示：您可以先修改部分代码再运行

这个是我复制两次，就无法运行了

晕，签名

TOP

做西部数码代理.Cn1元国际45元 | 将虚拟化进行到底

dc8p [楼主]

初级会员

帖子: 30
体力: 66
威望: 0
离线: 4 天

2^# 大中小发表于 2008-7-3 12:15

没有懂js的高手吗？帮助解决下

晕，签名

TOP

美橙vps独立IP月付189元

dc8p [楼主]

初级会员

帖子: 30
体力: 66
威望: 0
离线: 4 天

3^# 大中小发表于 2008-7-4 23:08

没有人知道吗？

晕，签名

TOP

请大家尊重和保护奥运知识产权。

caiying2007

版主

帖子: 2701
体力: 5158
威望: 10

4^# 大中小发表于 2008-7-5 06:51

<HTML><HEAD><TITLE>水平无缝滚动代码left</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2800.1264" name=GENERATOR>
</HEAD>
<BODY leftMargin=0 topMargin=2 marginheight="0" marginwidth="0">
<CENTER>
  <TABLE 
style="BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid" 
cellSpacing=0 cellPadding=0 width=750 align=center border=0 id=demo0>
  <TBODY>
  <TR>
    <TD>
      <DIV id=demo style="OVERFLOW: hidden; WIDTH: 100%; COLOR: #ffffff">
      <TABLE cellSpacing=0 cellPadding=0 align=left border=0 cellspace="0">
        <TBODY>
        <TR>
          <TD id=demo1 vAlign=top><table width="1100" height="116"  border="0" cellpadding="0" cellspacing="0">
            <tr>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center"><img src="images/1.jpg" width=125></div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center"><img src="images/2.jpg" width=125></div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center"><img src="images/3.jpg" width=125></div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center"><img src="images/4.jpg" width=125></div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center"><img src="images/5.jpg" width=125></div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center"><img src="images/6.jpg" width=125></div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center"><img src="images/7.jpg" width=125></div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center"><img src="images/8.jpg" width=125></div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center"><img src="images/9.jpg" width=125></div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center"><img src="images/10.jpg" width=125></div></td>
            </tr>
          </table></TD>
          <TD id=demo2 vAlign=top> </TD></TR></TBODY></TABLE></DIV>
    </TD></TR></TBODY></TABLE></TD></TR></TABLE>
</CENTER>
<br>
<hr>
<br>
<CENTER>
  <TABLE 
style="BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid" 
cellSpacing=0 cellPadding=0 width=750 align=center border=0 id=other_demo0>
  <TBODY>
  <TR>
    <TD>
      <DIV id=other_demo style="OVERFLOW: hidden; WIDTH: 100%; COLOR: #ffffff">
      <TABLE cellSpacing=0 cellPadding=0 align=left border=0 cellspace="0">
        <TBODY>
        <TR>
          <TD id=other_demo1 vAlign=top><table width="1100" height="116"  border="0" cellpadding="0" cellspacing="0">
            <tr>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center"><img src="images/1.jpg" width=125></div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center"><img src="images/2.jpg" width=125></div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center"><img src="images/3.jpg" width=125></div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center"><img src="images/4.jpg" width=125></div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center"><img src="images/5.jpg" width=125></div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center"><img src="images/6.jpg" width=125></div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center"><img src="images/7.jpg" width=125></div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center"><img src="images/8.jpg" width=125></div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center"><img src="images/9.jpg" width=125></div></td>
              <td width="171" background="myfile/images/pic_bg.jpg"><div align="center"><img src="images/10.jpg" width=125></div></td>
            </tr>
          </table></TD>
          <TD id=other_demo2 vAlign=top> </TD></TR></TBODY></TABLE></DIV>
    </TD></TR></TBODY></TABLE></TD></TR></TABLE>
</CENTER>
<SCRIPT>
function $(id){return document.getElementById(id)}
var Marquee=function(){
	this.ScrollObj=$(arguments[0]);
	this.Step=arguments[1];
	this.TimerStep=arguments[2];
	this.WaitTime=arguments[3];
	this.ScrollObj_1=$(arguments[0]+"1");
	this.ScrollObj_2=$(arguments[0]+"2");
	this.ScrollObj_2.innerHTML=this.ScrollObj_1.innerHTML;
	this.Stop=1;
	this.startScroll(this);
}
Marquee.prototype.startScroll=function(Obj){
Obj.ScrollObj.onmouseover=function() {Obj.Stop=1;}
Obj.ScrollObj.onmouseout=function() {Obj.Stop=0;}
setInterval(function(){Obj.Scroll()},Obj.TimerStep);
setTimeout(function(){Obj.Stop=0;},Obj.WaitTime);
}
Marquee.prototype.Scroll=function(){
if (this.Stop==0){
if(this.ScrollObj_1.offsetWidth-this.ScrollObj.scrollLeft<=0)this.ScrollObj.scrollLeft-=this.ScrollObj_1.offsetWidth
else this.ScrollObj.scrollLeft+=this.Step
}
}
//new Marquee(容器id,滚动的步长(数值越大,滚动越快),定时器的步长(数值越小,滚动的速度越快),开始时的等待时间(0为不等待,1000=1秒))
new Marquee("demo",1,25,2000)
new Marquee("other_demo",2,25,0)
</SCRIPT>
</BODY></HTML>

提示：您可以先修改部分代码再运行

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!

dc8p [楼主]

初级会员

帖子: 30
体力: 66
威望: 0
离线: 4 天

5^# 大中小发表于 2008-10-4 01:58

谢谢楼上了，高人无处不在

晕，签名

TOP

请教一个图片无缝滚动 多个使用的时候问题

请教一个图片无缝滚动多个使用的时候问题