<tr>
<td rowspan="3" style="width: 363px; height: 204px">
</td>
<td rowspan="3" style="width: 2647px; height: 204px; text-align: left" valign="top">
<table border="0" cellpadding="0" cellspacing="0" style="width: 995px; text-align: center">
<tr>
<td style="height: 174px">
<div id="demo" style="margin-top: 0px; overflow: hidden; width: 995px; height: 171px">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="demo1">
<table border="0" cellpadding="0" cellspacing="0" style="width: 995px; height: 171px;text-align: center">
<tr>
<td style="width: 964px; height: 171px">
<asp:DataList ID="DataListImage" runat="server" RepeatColumns="5" Width="800px">
<ItemTemplate>
<table border="0" cellpadding="0" cellspacing="0" style="width: 195px; height: 38px">
<tr>
<td align="center" valign="middle">
<a href='Picture.aspx?articleId=<%#Eval("ArticleId") %>'>
<img alt="images" src='<%#Eval("TitleImg") %>' style="width: 166px; height: 126px;" /></a></td>
</tr>
<tr>
<td align="center" valign="middle">
<a href='Picture.aspx?articleId=<%#Eval("ArticleId") %>'>
<%#Eval("Title").ToString().Substring(0, 7)%>
</td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
</td>
</tr>
</table>
</td>
<td id="demo2">
</td>
</tr>
</table>
</div>
//demo:最外層的div
//demo1:第一個td
//demo2:同行的第二個td
var speed=10//速度數值越大速度越慢
demo2.innerHTML=demo1.innerHTML //設置兩個一樣的單元格(TD),一行兩列
function Marquee()
{
if(demo2.offsetWidth-demo.scrollLeft<=0) //第二個單元格左側已經到達div的左側
{
demo.scrollLeft-=demo1.offsetWidth //重置
}
else
{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.οnmοuseοver=function() {clearInterval(MyMar)}
demo.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed)}
</script>
</tr>
</table>
</td>
<td rowspan="3" style="width: 88px; height: 204px">
</td>
</tr>
</table>
<div style="text-align: center">
</div>
</div>
</div>
</div>
</td>
</tr>
</table>