<tr>
<td align="center">
<img id="ImgeLeft" src="Themes/images/left.gif" style="width: 18px; height: 18px;" />
</td>
<td style="width: 700px;">
<div>
<marquee id="marqueeArea1" onmouseover="this.stop()" onmouseout="this.start()" behavior="alternate"
scrollamount="4" direction="left">
<asp:DataList ID="dtlFitting" runat="server" RepeaterDirection="Horizontal" RepeatColumns="8">
<ItemTemplate>
<a href="./PublicPortal/ProductDetails.aspx?ProductID=<%# Eval("ProductId") %>"
target="_blank">
<asp:Image ID="Image1" runat="server" Width="120" Height="120" ImageUrl='<%# "~/Upload/ProductImages/"+Eval("BigPicUrl") %>'
AlternateText='<%# Eval("ProductChName") %>' />
</a>
<br />
<font style="color:red;"><%# Eval("ProductChName")%></font>
</ItemTemplate>
</asp:DataList>
</marquee>
</div>
</td>
<td>
<img id="ImgRight" src="Themes/images/right.gif" style="width: 18px; height: 18px;" />
</td>
</tr>
<script type="text/javascript">
function tabDown(directionValue) {
document.getElementById("marqueeArea1").direction = directionValue;
}
</script>
<a href="javascript:void(0)" onclick="tabDown('left')">向左</a><br />
<marquee id="marqueeArea1" onmouseover="this.stop()" onmouseout="this.start()" behavior="alternate" scrollamount="4" direction="left">左右切换滚动。</marquee>
<a href="javascript:void(0)" onclick="tabDown('right')">向右</a>