类似图片展示的功能怎么做？点击左右按钮

Question

看到一个网站，http://www.busytrade.com/
左边的产品图那样的展示方法很方便，
想保存下来一下，
但我弄不下来，主要是关联的CSS太多，谁能帮我一下？

Answer 1

类似的 应该差不多
<table width="100%"  border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td width="40" align="center"><span onMouseOver="scrollw(-1)" onMouseOut="scrollw(0)" onMouseDown="scrollw(-3)"><img src="images/l1_1.gif" width="33" height="68" style="cursor:hand " onMouseOver="this.src='images/l1.jpg';"  onMouseOut="this.src='images/l1_1.gif';"></span></td>
                          <td align="center" valign="middle"><div id="scroller" style="width:229px; height:110px;overflow:hidden;border:0px solid #ffffff;">滚动内容</div>     
     <script type="text/Javascript">     
function scroll(n)      
{a=n;      
document.getElementById("scroller").scrollTop=document.getElementById("scroller").scrollTop+a;      
if (a==0) return;      
setTimeout("scroll(a)",1);      
}      
function scrollw(n)      
{b=n;      
document.getElementById("scroller").scrollLeft=document.getElementById("scroller").scrollLeft+b;      
if (b==0) return;      
setTimeout("scrollw(b)",1);      
}      
</script></td>
                          <td width="40" align="center"><span onMouseOver="scrollw(1);" onMouseOut="scrollw(0);"  onmousedown="scrollw(3)"><img src="images/r1_1.gif" width="33" height="68" style="cursor:hand " onMouseOver="this.src='images/r1.jpg';"  onMouseOut="this.src='images/r1_1.gif';"></span></td>
                        </tr>
                      </table>