关于连续滚动的问题.

[xiajianfeng]

以下是从左往右连续滚动的代码:

<div id=demo style=overflow:hidden;width:750;align="center">
<table border=0 align=center cellpadding=1 cellspacing="1" cellspace=0 >
<tr>
<td valign=top bgcolor="ffffff" id=demo1>
<table width="90%" border="0" cellspacing="0" cellpadding="0">
<tr align="center">
<td><a href="productShow.asp?id=234"><img src="bigimg/artflash_title.gif" width="87" height="104" hspace="2" border="0" /></a></td>
<td><a href="productShow.asp?id=234"><img src="bigimg/artflash02_title.gif" width="87" height="104" hspace="2" border="0" /></a></td>
<td><a href="productShow.asp?id=234"><img src="bigimg/artflash03_title.gif" width="87" height="104" hspace="2" border="0" /></a></td>
<td><a href="productShow.asp?id=222"><img src="bigimg/artweb_icon.gif" width="87" height="104" hspace="2" border="0" /></a></td>
<td><a href="productShow.asp?id=222"><img src="bigimg/artweb02_icon.gif" width="87" height="104" hspace="2" border="0" /></a></td>
<td><a href="productShow.asp?id=222"><img src="bigimg/artweb03_icon.gif" width="87" height="104" hspace="2" border="0" /></a></td>
<td><a href="productShow.asp?id=222"><img src="bigimg/artweb04_icon.gif" width="87" height="104" hspace="2" border="0" /></a></td>
<td><a href="productShow.asp?id=222"><img src="bigimg/artweb05_icon.gif" width="87" height="104" hspace="2" border="0" /></a></td>
<td><a href="productShow.asp?id=222"><img src="bigimg/artweb06_icon.gif" width="87" height="104" hspace="2" border="0" /></a></td>
<td><a href="productShow.asp?id=222"><img src="bigimg/artweb07_icon.gif" width="87" height="104" hspace="2" border="0" /></a></td>
<td><a href="productShow.asp?id=222"><img src="bigimg/artweb08_icon.gif" width="87" height="104" hspace="2" border="0" /></a></td> <td><a href="productShow.asp?id=235"><img src="bigimg/artwebcan_title.gif" width="87" height="104" hspace="2" border="0" /></a></td>
</tr>
</table>
</td>
<td id=demo2 valign=top>
</td>
</tr>
</table>
</div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo.scrollLeft>=demo1.scrollWidth)
demo.scrollLeft=0
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

现在想添加一个功能:
添加两个按钮,可以控制向左和向右的方向.

[xiajianfeng]

谢谢!
不过这样更完美:

function Marquee(){
if(demo.scrollLeft>=demo1.scrollWidth)
demo.scrollLeft=0
else{
demo.scrollLeft+=i
if(demo.scrollLeft<=0){
demo.scrollLeft=demo1.scrollWidth-1;
}

}
}

[孟子E章]

<script>
var speed=30
var i=1
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo.scrollLeft>=demo1.scrollWidth)
demo.scrollLeft=0
else{
demo.scrollLeft+=i
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
function l()
{
i=1
}
function r()
{
i=-1
}
</script>
<input type=button value=Left onclick="l()">
<input type=button value=Right onclick="r()">
现在想添加一个功能:
添加两个按钮,可以控制向左和向右的方向.v

[fashchina]

up