求Ajax图片滚动效果

Question

我要做的效果是http://www.tjitcast.com/这个网站上的优秀学员那块，图片我放在项目文件夹里，数据库存的是图片的名称，大概有300张图片，我想做到图片滚动效果，图片要动态绑定，问问了问都说可以用Ajax可以实现，我还没用过Ajax，所以请大家帮帮忙，谢谢

Answer 1

           <table border="0" cellpadding="0" cellspacing="0" style="width: 710px">
                            <tr>
                                <td id="demo1" valign="top" style="width: 710px; height:180px;">
                                <asp:DataList ID="DL_Product" runat="server" RepeatDirection="Horizontal" Height="151px" Width="721px">
                                        <ItemTemplate>
                                         <div class="bj">
                                             <div class="bj1">                                              </div>
                                            <div>
                                            </div>
                                            <div> 
    <table border="0" cellpadding="0" cellspacing="0" style="width: 170px; height: 129px">
        <tr>
            <td style=" height:3px;">
                </td>
        </tr>
        <tr>
            <td style="background-image: url(images/bj1.jpg); background-repeat:no-repeat; ">
               <%--<a href="ProductDetails.aspx?id=<%#Eval("s_id") %>">--%><img src="UpFile/<%#Eval("s_images") %>" alt="" width="138"  border="0" style="height: 120px" id="" /><br /><br /><%#Eval("s_name") %><%--</a>--%></td>
        </tr>
    </table>
                                            </div>
                                       </ItemTemplate>
                                    </asp:DataList>
                                </td>
                                <td id="demo2" valign="top" style="width: 1px; height: 180px;">
                                </td>
                            </tr>
                        </table>不知道你是用什么做的!我用DataList做了一事例,的你要的效果一样!下面是AJAX代码:
<script type="text/javascript">
var speed=25 
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>

Answer 2

                     <div id="jsweb8_cn_bottom" style="overflow:hidden;height:150px;width:215px;"> 
<div id="jsweb8_cn_bottom1"> 
 <asp:DataList ID="DLKHInfo" runat="server">
                        <ItemTemplate>
                        <table width="210" border="0" align="center" cellpadding="0" cellspacing="0">
                      <tr>
                        <td height="30" align="left" class="STYLE2"><a href="NewsDetail.aspx?id=<%#Eval("ID") %>">·<%#Server.HtmlDecode(DataBinder.Eval(Container.DataItem, "Title").ToString().
                                                                               Length > 12 ? DataBinder.Eval(Container.DataItem, "Title").ToString().Substring(0, 12) : 
DataBinder.Eval(Container.DataItem, "Title").ToString()).ToString()%></a></td>
                      </tr>                    </table>
                        </ItemTemplate>
                        </asp:DataList>
</div> 
<div id="jsweb8_cn_bottom2"></div> 
</div> 
<script> 
var speed=30 
jsweb8_cn_bottom2.innerHTML=jsweb8_cn_bottom1.innerHTML 
jsweb8_cn_bottom.scrollTop=jsweb8_cn_bottom.scrollHeight 
function Marquee2(){ 
if(jsweb8_cn_bottom1.offsetTop-jsweb8_cn_bottom.scrollTop>=0) 
jsweb8_cn_bottom.scrollTop+=jsweb8_cn_bottom2.offsetHeight 
else{ 
jsweb8_cn_bottom.scrollTop-- 
} 
} 
var MyMar2=setInterval(Marquee2,speed) 
jsweb8_cn_bottom.onmouseover=function() {clearInterval(MyMar2)} 
jsweb8_cn_bottom.onmouseout=function() {MyMar2=setInterval(Marquee2,speed)} 
</script>

Answer 3

请问上一楼，改变Marquee属性左右移动在哪改？