【求助】asp中实现读取数据库图片并连续滚动!
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="NewsDome.WebForm2" %>
<!DOCTYPE html>
<html>
<head>
<title>图片连续滚动</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
body
{
width: 1000px;
}
A:link
{
TEXT-DECORATION: none;
}
A:visited
{
TEXT-DECORATION: none;
}
A:hover
{
TEXT-DECORATION: none;
}
</style>
<meta content="MSHTML 6.00.2900.3268" name="GENERATOR">
</head>
<body>
<div id="demo" style="OVERFLOW: hidden; WIDTH: 800px; HEIGHT: 130px">
<table bordercolor="#ffcc00" cellpadding="0" align="left" border="8" cellspace="0">
<tbody>
<tr bordercolor="#ffffff">
<td id="demo11">
<table cellspacing="3" cellpadding="0" width="100%" border="0">
<tbody>
<tr>
<td>
<asp:DataList ID="DlstPic" runat="server" RepeatDirection="Horizontal">
<ItemTemplate>
<a href='Picture.aspx?articleId=<%#Eval("ArticleId") %>' target="_blank">
<img ID="ImgPic" runat="server" width="120" height="130" alt="" src='<%#Eval("NewsImage") %>' title='<%#Eval("Title").ToString()%>'/>
</a>
</ItemTemplate>
</asp:DataList>
</td>
</tr>
</tbody>
</table>
</td>
<td id="demo12"></td>
</tr>
</tbody>
</table>
</div>
<script>
var speed = 30
demo12.innerHTML = demo11.innerHTML
function Marquee11() {
if (demo12.offsetWidth - demo.scrollLeft <= 0)
demo.scrollLeft -= demo11.offsetWidth
else {
demo.scrollLeft++
}
}
var MyMar1 = setInterval(Marquee11, speed)
demo.onmouseover = function () { clearInterval(MyMar1) }
demo.onmouseout = function () { MyMar1 = setInterval(Marquee11, speed) }
</script>
</body>
</html>
上面代码实现了从数据库中读取图片并循环,但实际上只滚动了一次,求解决下,一直无限滚动!谢谢