【求助】asp中实现读取数据库图片并连续滚动!

米修Baby 谷盾 软件工程师  2013-01-23 03:24:53
<%@ 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>

上面代码实现了从数据库中读取图片并循环,但实际上只滚动了一次,求解决下,一直无限滚动!谢谢
...全文
102 6 点赞 打赏 收藏 举报
写回复
6 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
网上js的例子一大堆。搜搜吧
  • 打赏
  • 举报
回复
米修Baby 2013-01-28
引用 3 楼 hjywyj 的回复:
用marquee就行
marquee不能连续。中间会有空白的!
  • 打赏
  • 举报
回复
用marquee就行
  • 打赏
  • 举报
回复
insus 2013-01-23
米修Baby 2013-01-23
没有人帮忙解决吗?
  • 打赏
  • 举报
回复
相关推荐
发帖
.NET社区
加入

5.9w+

社区成员

.NET技术交流专区
申请成为版主
帖子事件
创建了帖子
2013-01-23 03:24
社区公告
暂无公告