repeater数据实现滚动效果 如题所示!还有Datalist,Gridview是不是一样可以实现数据滚动效果啊? 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 为什么不可以?最简单虽丑陋的,套一个 marque 上去不就行了? marque不知道放在哪里,能不能给个简单的实例啊! 刚有一个现成,小改了一下,也是根椐上面改的<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head><title> New Document </title><meta name="Generator" content="EditPlus"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Description" content=""></head><body><asp:datalist id="DataList1" runat="server" Width="100%" EnableViewState="False"><ItemTemplate><table border="1" width="49%" id="table1"><tr><td rowspan="3" width="118"><%# DataBinder.Eval(Container, "DataItem.newsdate") %></td><td width="118"><%# DataBinder.Eval(Container, "DataItem.newsdate") %></td><td rowspan="3" width="114"><%# DataBinder.Eval(Container, "DataItem.newsdate") %></td><td><asp:Label id="LContent" runat="server" text ='<%# DataBinder.Eval(Container, "DataItem.content") %>'> </asp:Label></td></tr><tr><td width="118"><marquee>sdfasfdasd</marquee></td><td>数据B2</td></tr><tr><td width="118">数据A3</td><td>数据B3</td></tr><tr><td rowspan="3" width="118">数据C0</td><td width="118">数据C1</td><td rowspan="3" width="114">数据D0</td><td>数据D1</td></tr><tr><td width="118">数据C2</td><td>数据D2</td></tr><tr><td width="118">数据C3</td><td>数据D3</td></tr><tr><td rowspan="3" width="118">数据E0</td><td width="118">数据E1</td><td rowspan="3" width="114">数据F0</td><td>数据F1</td></tr><tr><td width="118">数据E2</td><td>数据F2</td></tr><tr><td width="118">数据E3</td><td>数据F3</td></tr></table></ItemTemplate></asp:datalist></body></html> marquee想放哪里就放哪里你可以看一下你现在已经生成的页面的html,然后看看你要的效果是放哪里,然后再去程序页面看怎么放; marquee的效果不是很好,换一个.代码如下: 向上: <div id=demo style="overflow:hidden; width:128px; height:300px;"> <div id=demo1> <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> </div> <div id=demo2></div> </div> <script language="javascript"> var speed=30 demo2.innerHTML=demo1.innerHTML function Marquee(){ if(demo2.offsetTop-demo.scrollTop<=0) demo.scrollTop-=demo1.offsetHeight else{ demo.scrollTop++ } } var MyMar=setInterval(Marquee,speed) demo.onmouseover=function() {clearInterval(MyMar)} demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} </script> 向下: <div id=demo style="overflow:hidden; width:128px; height:300px;"> <div id=demo1> <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> </div> <div id=demo2></div> </div> <script language="javascript"> var speed=30 demo2.innerHTML=demo1.innerHTML demo.scrollTop=demo.scrollHeight function Marquee(){ if(demo1.offsetTop-demo.scrollTop>=0) demo.scrollTop+=demo2.offsetHeight else{ demo.scrollTop-- } } var MyMar=setInterval(Marquee,speed) demo.onmouseover=function() {clearInterval(MyMar)} demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} </script> 向左: <div id=demo style="overflow:hidden;height:100px;width:300px;"><table align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top><img src="gfjs.gif"><img src="bxtt.gif"><img src="bzjd.gif"><img src="gfjs.gif"><img src="bxtt.gif"><img src="bzjd.gif"></td><td id=demo2 valign=top></td></tr></table></div> <script> var speed=30 demo2.innerHTML=demo1.innerHTML function Marquee(){ if(demo2.offsetWidth-demo.scrollLeft<=0) demo.scrollLeft-=demo1.offsetWidth else{ demo.scrollLeft++ } } var MyMar=setInterval(Marquee,speed) demo.onmouseover=function() {clearInterval(MyMar)} demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} </script> 向右: <div id=demo style="overflow:hidden;height:100px;width:300px;"><table align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top><img src="gfjs.gif"><img src="bxtt.gif"><img src="bzjd.gif"><img src="gfjs.gif"><img src="bxtt.gif"><img src="bzjd.gif"></td><td id=demo2 valign=top></td></tr></table></div> <script> var speed=30 demo2.innerHTML=demo1.innerHTML demo.scrollLeft=demo.scrollWidth function Marquee(){ if(demo.scrollLeft<=0) demo.scrollLeft+=demo2.offsetWidth else{ demo.scrollLeft-- } } var MyMar=setInterval(Marquee,speed) demo.onmouseover=function() {clearInterval(MyMar)} demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} </script> 请教一个数据库表设计问题 弱弱的问个cookie的问题 如何实现附件批量下载到固定目录下 能不能实现在网页中实现图片的亮度调整??? 部分代码未看懂 再次求助(关于网站发布) 如何将这个动态输出的Table字符串这样显示? 请教一个问题 字符串格式化的问题,在线等待! IIS发布问题 转不过来弯了 新人发问:执行cmd.ExecuteNonQuery();时的 出错信息如何取得?
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head><body>
<asp:datalist id="DataList1" runat="server" Width="100%" EnableViewState="False">
<ItemTemplate>
<table border="1" width="49%" id="table1">
<tr>
<td rowspan="3" width="118"><%# DataBinder.Eval(Container, "DataItem.newsdate") %></td>
<td width="118"><%# DataBinder.Eval(Container, "DataItem.newsdate") %></td>
<td rowspan="3" width="114"><%# DataBinder.Eval(Container, "DataItem.newsdate") %></td>
<td><asp:Label id="LContent" runat="server" text ='<%# DataBinder.Eval(Container, "DataItem.content") %>'>
</asp:Label></td>
</tr>
<tr>
<td width="118"><marquee>sdfasfdasd</marquee></td>
<td>数据B2</td>
</tr>
<tr>
<td width="118">数据A3</td>
<td>数据B3</td>
</tr>
<tr>
<td rowspan="3" width="118">数据C0</td>
<td width="118">数据C1</td>
<td rowspan="3" width="114">数据D0</td>
<td>数据D1</td>
</tr>
<tr>
<td width="118">数据C2</td>
<td>数据D2</td>
</tr>
<tr>
<td width="118">数据C3</td>
<td>数据D3</td>
</tr>
<tr>
<td rowspan="3" width="118">数据E0</td>
<td width="118">数据E1</td>
<td rowspan="3" width="114">数据F0</td>
<td>数据F1</td>
</tr>
<tr>
<td width="118">数据E2</td>
<td>数据F2</td>
</tr>
<tr>
<td width="118">数据E3</td>
<td>数据F3</td>
</tr>
</table>
</ItemTemplate>
</asp:datalist>
</body>
</html>
你可以看一下你现在已经生成的页面的html,然后看看你要的效果是放哪里,然后再去程序页面看怎么放;
换一个.代码如下:
向上: <div id=demo style="overflow:hidden; width:128px; height:300px;">
<div id=demo1>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
</div>
<div id=demo2></div>
</div>
<script language="javascript">
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script> 向下: <div id=demo style="overflow:hidden; width:128px; height:300px;">
<div id=demo1>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
</div>
<div id=demo2></div>
</div>
<script language="javascript">
var speed=30
demo2.innerHTML=demo1.innerHTML
demo.scrollTop=demo.scrollHeight
function Marquee(){
if(demo1.offsetTop-demo.scrollTop>=0)
demo.scrollTop+=demo2.offsetHeight
else{
demo.scrollTop--
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script> 向左: <div id=demo style="overflow:hidden;height:100px;width:300px;"><table align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top><img src="gfjs.gif"><img src="bxtt.gif"><img src="bzjd.gif"><img src="gfjs.gif"><img src="bxtt.gif"><img src="bzjd.gif"></td><td id=demo2 valign=top></td></tr></table></div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script> 向右: <div id=demo style="overflow:hidden;height:100px;width:300px;"><table align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top><img src="gfjs.gif"><img src="bxtt.gif"><img src="bzjd.gif"><img src="gfjs.gif"><img src="bxtt.gif"><img src="bzjd.gif"></td><td id=demo2 valign=top></td></tr></table></div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
demo.scrollLeft=demo.scrollWidth
function Marquee(){
if(demo.scrollLeft<=0)
demo.scrollLeft+=demo2.offsetWidth
else{
demo.scrollLeft--
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>