关于marquee

Question

遇到有２个问题：
１，不能显示所有行数据(显示一行是没有问题的)，２显示不出图片 
以下代码目的是显示图片,但是显示不出来:
<marquee scrolldelay="300"> <asp:FormView ID="FormView1" runat="server" Width="100%"> <ItemTemplate> <asp:Image ID="img" runat="server" ImageUrl="~/WEBSITE/Download_photos.aspx" /> </ItemTemplate> </asp:FormView> </marquee> <marquee scrolldelay="300"> <asp:FormView ID="FormView1" runat="server" Width="100%"> <ItemTemplate> <img src=" <%# DataBander.Eval(Container.DataItem, "附件")%> "> </ItemTemplate> </asp:FormView> </marquee> _____
怎样才能：１，数据库中提取的所有行的内容？；2，显示几张图片切换的效果， 

Answer 1

marqee制作的滚动效果不符合国际标准，有些浏览器可能不识别，还是用JS吧，给你一段代码。
向上滚动的代码：
<div id=demo style=overflow:hidden;height:100;width:90;
background:#214984;color:#ffffff>
<div id=demo1>
<img src="http://www.baidu.com/img/logo.gif">
<img src="http://www.baidu.com/img/logo.gif">
<img src="http://www.baidu.com/img/logo.gif">
<img src="http://www.baidu.com/img/logo.gif">
<img src="http://www.baidu.com/img/logo.gif">
<img src="http://www.baidu.com/img/logo.gif">
<img src="http://www.baidu.com/img/logo.gif">
<img src="http://www.baidu.com/img/logo.gif">
<img src="http://www.baidu.com/img/logo.gif">
</div>
<div id=demo2></div>
</div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML //克隆demo1为demo2
function Marquee(){
//当滚动至demo1与demo2交界时
if(demo2.offsetTop-demo.scrollTop<=0)  
demo.scrollTop-=demo1.offsetHeight //demo跳到最顶端
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:100;width:90;
background:#214984;color:#ffffff>
<div id=demo1>
<img src="http://www.baidu.com/img/logo.gif">
<img src="http://www.baidu.com/img/logo.gif">
<img src="http://www.baidu.com/img/logo.gif">
<img src="http://www.baidu.com/img/logo.gif">
<img src="http://www.baidu.com/img/logo.gif">
<img src="http://www.baidu.com/img/logo.gif">
<img src="http://www.baidu.com/img/logo.gif">
<img src="http://www.baidu.com/img/logo.gif">
<img src="http://www.baidu.com/img/logo.gif">
</div>
<div id=demo2></div>
</div>
<script>
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;width:670px;color:#ffffff;">
   <table cellpadding="0" cellspacing="0" border="0">
       <tr><td id="demo1" valign="top" align="center">
      <table cellpadding="2" cellspacing="0" border="0">
         <tr align="center">
             <td><img src="http://www.baidu.com/img/logo.gif"></td>
             <td><img src="http://www.baidu.com/img/logo.gif"></td>
             <td><img src="http://www.baidu.com/img/logo.gif"></td>
             <td><img src="http://www.baidu.com/img/logo.gif"></td>
             <td><img src="http://www.baidu.com/img/logo.gif"></td>
         </tr>
      </table>
       </td>
       <td id="demo2" valign="top"></td>
       </tr>
   </table>
</div>
   <script>
   var speed=1//速度数值越大速度越慢
   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;width:670px;color:#ffffff;">
   <table cellpadding="0" cellspacing="0" border="0">
       <tr><td id="demo1" valign="top" align="center">
      <table cellpadding="2" cellspacing="0" border="0">
         <tr align="center">
             <td><img src="http://www.baidu.com/img/logo.gif" ></td>
             <td><img src="http://www.baidu.com/img/logo.gif" ></td>
             <td><img src="http://www.baidu.com/img/logo.gif" ></td>
             <td><img src="http://www.baidu.com/img/logo.gif" ></td>
             <td><img src="http://www.baidu.com/img/logo.gif" ></td>
         </tr>
      </table>
       </td>
       <td id="demo2" valign="top"></td>
       </tr>
   </table>
</div>
   <script>
   var speed=1//速度数值越大速度越慢
   demo2.innerHTML=demo1.innerHTML
   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>

Answer 2

marquee的宽度和高度需要设定一下
图片显示不出来是什么意思？图片切换效果我想百度和google比我说的详细。