<table border="0" cellpadding="0" cellspacing="0" style="width: 982px; height: 171px">
<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)%>
<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)%>
</a>
</td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
</td>
</tr>
</table>
</td>
<td id="demo2">
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
</td>
</tr>
</table>
</td>
<td id="demo2">
</td>
</tr>
</table>
</div>
<script language="javascript" type="text/javascript">
//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>
//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>
</td>
</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>
</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>