求不间断无缝图片向左滚动代码

[dream200829]

求不间断无缝图片向左滚动代码
我在百度，GOOGLE上找的，网上大多数都是用下面这个代码，但是我用了才发现，他滚动完所有的图片后就停止了，不再滚动了，我要的是一直不断的滚动所有的图片，麻烦各位大虾给个代码，谢谢。
不要在百度上一搜又是给回我现在用的代码啊，呵呵，

<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=100% align=center border=0>
<TBODY>
<TR>
<TD><DIV id=demo style="OVERFLOW: hidden; WIDTH: 100%;height:120; COLOR: #ffffff">
<TABLE cellSpacing=0 cellPadding=0 align=left width=100% border=0 cellspace=0>
<TR>
<TD id=demo1 vAlign=top><TABLE height=100 cellSpacing=0 cellPadding=0 width=100% border=0>
<TBODY>
<TR>
<%
set rs_zuopin=server.createobject("adodb.recordset")
sqlzuopin="select top 20 * from zuopin order by photoid desc"
rs_zuopin.open sqlzuopin,conn,1,1
if not rs_zuopin.eof then
do while not rs_zuopin.eof
if len(rs_zuopin("title"))>8 then strTitle=left(rs_zuopin("title"),8) else strTitle=rs_zuopin("title")
response.Write "<TD>  <a href=#><img src="&rs_zuopin("photourl")&" width=100 height=74 alt="&strTitle&" border=0></a>  <br><DIV align=center>"&strTitle&"</DIV></TD>"
rs_zuopin.movenext
loop
end if
rs_zuopin.close
%>
</TR>
</TBODY>
</TABLE></TD>
<TD id=demo2></TD>
</TR>
</TABLE>
</DIV>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee()
{
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else
demo.scrollLeft++
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
</TD>
</TR>
</TBODY>
</TABLE>

[sy_binbin]

http://www.popub.net/script/MSClass.html
这里有一个

[chjin]

JS不间断循环滚动，包含自滚动，左右自滚动，点击左右滚动

<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>
<tr><td width="30"><a href="#" onClick="clickdiv()" id="aa">向左</a></td>
<td><DIV id=demo style="OVERFLOW: hidden; WIDTH: 750px; COLOR: #ffffff">
<table cellSpacing=0 cellPadding=0 align=left border=0 cellspace="0">
<tr><td id=demo1 vAlign=top>
<table width="1710" height="116" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="171" background="pic_bg.jpg"><div align="center">内容一</div></td>
<td width="171" background="pic_bg.jpg"><div align="center">内容二</div></td>
<td width="171" background="pic_bg.jpg"><div align="center">内容三</div></td>
<td width="171" background="pic_bg.jpg"><div align="center">内容四</div></td>
<td width="171" background="pic_bg.jpg"><div align="center">内容五</div></td>
<td width="171" background="pic_bg.jpg"><div align="center">内容六</div></td>
</tr>
</table>
</td>
<td id=demo2 vAlign=top></td></tr>
</table>
</DIV></td>
<td width="30"><a href="#" onClick="Rclickdiv()" id="mcc">向右</a></td></tr>
</table>

<SCRIPT>
var speed3=25//速度数值越大速度越慢
var t=false;
var id="aa";
document.getElementById("demo2").innerHTML=document.getElementById("demo1").innerHTML
function Marquee(){
if(document.getElementById("demo2").offsetWidth-document.getElementById("demo").scrollLeft<=0)
document.getElementById("demo").scrollLeft-=document.getElementById("demo1").offsetWidth
else{
document.getElementById("demo").scrollLeft++
}
t=false;
}
function RMarquee(){
if(document.getElementById("demo").scrollLeft<=0)
document.getElementById("demo").scrollLeft+=document.getElementById("demo2").offsetWidth
else{
document.getElementById("demo").scrollLeft--
}
t=true;

}
function clickdiv(){
clearInterval(MyMar)
Marquee();
}
function Rclickdiv(){
clearInterval(MyMar)
RMarquee();
}
var MyMar=setInterval(Marquee,speed3)
document.getElementById("demo").onmouseover=function() {clearInterval(MyMar)}
document.getElementById("demo").onmouseout=function() {if(t){MyMar=setInterval(RMarquee,speed3)}else{MyMar=setInterval(Marquee,speed3)}}
document.getElementById('mcc').onmouseout=function(){clearInterval(MyMar);MyMar=setInterval(RMarquee,speed3);}
document.getElementById('aa').onmouseout=function(){clearInterval(MyMar);MyMar=setInterval(Marquee,speed3);}
</SCRIPT>

一个简单的向左或向右移动的案例:
<base href="<a href="http://www.it365cn.com" target="_blank">http://www.it365cn.com</a>">
<div id=demo style=overflow:hidden;height:120;width:500;background:#214984;color:#ffffff>
<table align=left cellpadding=0 cellspace=0 border=0>
<tr>
<td id=demo1 valign=top><a href='images/logo_1.gif'><img src="images/logo_1.gif"></a><!--后面的链接自己加上--><img src="images/logo/flashempire.gif"><img src="images/logo.gif"><img src="images/logo/5dmedia.gif"><img src="images/logo/macromedia.gif"><img src="images/logo/sucaiw.gif"><img src="images/logo/blueieda.gif"><img src="images/logo/htmlcn.gif"><img src="images/logo/fwcn.gif">
</td>
<td id=demo2 valign=top></td>
</tr>
</table>
</div>

<script>
//向左滚动的效果
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

<script>
//向右滚动的效果
/*
var speed=30
demo2.innerHTML=demo1.innerHTML
demo.scrollLeft=demo.scrollWidth
function Marquee(){
if(demo.scrollLeft<=0)
demo.scrollLeft+=demo2.offsetWidth
else{
demo.scrollLeft--
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
*/
</script>

[dream200829]

谢谢各位啊，我试一下先，
问题解决后，就把分给你们，谢谢先，

[zjzb0409]

http://zhidao.baidu.com/question/31030507.html

这个~

[chjin]

<table border=0>
<tr><td align='center'>
<div id="showpro" style="width=500px; height:400px;"><img src='images/logo.png' width='500' height='400'></div>
</td></tr>
<tr><td><br>
<%
if request.querystring("bigclass")="" then
sql="select top 20 * from p_prolist order by p_date desc"
else
sql="select * from p_prolist where c_name='"&request.querystring("bigclass")&"'"
end if
'response.write(sql)
set rs=conn.execute(sql)
totalPut=rs.recordcount*80
%>
<table cellSpacing=0 cellPadding=0 width=520 align=center border="0">
<tr><td width="30"><a href="#" onClick="clickdiv()" id="aa"><img src='images\left.gif' border=0></a></td>
<td><DIV id=demo style="OVERFLOW: hidden; WIDTH: 520px; COLOR: #cccccc">
<table cellSpacing=0 cellPadding=0 align=left border=0 cellspace="0">
<tr><td id=demo1 vAlign=top>
<table width="<%=totalput%>" height="64" border="0" cellpadding="0" cellspacing="0">
<tr>
<%
do while not rs.eof
%>
<td width="50"><div align="center"><a href="javascript:" onclick="viewpro('<%=rs("p_uploadfiles")%>');" > <img src="<%=rs("p_uploadfiles")%>" width=80 height=64 border="0"> </a></div></td>
<%
rs.movenext
loop
rs.close
%>
</tr>
</table>
</td>
<td id=demo2 vAlign=top></td></tr>
</table>
</DIV></td>
<td width="30"><a href="#" onClick="Rclickdiv()" id="mcc"><img src='images\right.gif' border=0></a></td></tr>
</table>
</td></tr>
</table>

<SCRIPT>
function viewpro(s)
{
showpro.innerHTML=" <img src=\'"+s+"\' border=\'0\' width=\'500\' height=\'400\'>";
}
var speed3=25//速度数值越大速度越慢
var t=false;
var id="aa";
if(document.getElementById("demo1").offsetWidth>document.getElementById("demo").offsetWidth)
{document.getElementById("demo2").innerHTML=document.getElementById("demo1").innerHTML}
function Marquee(){
if(document.getElementById("demo2").offsetWidth-document.getElementById("demo").scrollLeft<=0)
document.getElementById("demo").scrollLeft-=document.getElementById("demo1").offsetWidth
else{
document.getElementById("demo").scrollLeft++
}
t=false;
}
function RMarquee(){
if(document.getElementById("demo").scrollLeft<=0)
document.getElementById("demo").scrollLeft+=document.getElementById("demo2").offsetWidth
else{
document.getElementById("demo").scrollLeft--
}
t=true;

}
function clickdiv(){
clearInterval(MyMar)
Marquee();
}
function Rclickdiv(){
clearInterval(MyMar)
RMarquee();
}
var MyMar=setInterval(Marquee,speed3)
document.getElementById("demo").onmouseover=function() {clearInterval(MyMar)}
document.getElementById("demo").onmouseout=function() {if(t){MyMar=setInterval(RMarquee,speed3)}else{MyMar=setInterval(Marquee,speed3)}}
document.getElementById('mcc').onmouseout=function(){clearInterval(MyMar);MyMar=setInterval(RMarquee,speed3);}
document.getElementById('aa').onmouseout=function(){clearInterval(MyMar);MyMar=setInterval(Marquee,speed3);}
</SCRIPT>