repeater数据实现滚动效果
如题所示！还有Datalist,Gridview是不是一样可以实现数据滚动效果啊？
[解决办法]
为什么不可以？
最简单虽丑陋的，套一个 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>
