为什么复制过来的JS代码 图片不滚动？

Question

可能是图片数不够，多弄几幅图片上去试试

Answer 1

<table width="100" height="140" border="0" align="center" cellpadding="2" cellspacing="1" bgColor="#66CCFF">
          <tr>
            <td align="center" bgColor="#ffffff">
            <div>
            <div id="demo" style="overflow:hidden;height:130;width:100;background:#ffffff;color:#ffffff">
                <table border="0 "align="center" cellpadding="0 " cellspacing="0">
                  <tr>
                    <td id="demo1">
        <% dim k
                        set rs_Product=server.createobject("adodb.recordset")
                        sqltext="select top 5 * from db_photo where photo <>'' order by id asc"
                        rs_Product.open sqltext,conn,1,1
        %>
                          <table border="0" cellspacing="0" cellpadding="0">
                            <%row_count=1 %>
                            <tr align="center">
                            <% kcount=1
          for kcount=1 to 5%>
                              <td width="105" valign="top">
                <table width="105" border="0" cellpadding="0" cellspacing="0">
                                      <tr>
                                      <td style="BORDER-RIGHT: #dddddd 1px solid; BORDER-TOP: #dddddd 1px solid; BORDER-LEFT: #dddddd 1px solid; BORDER-BOTTOM: #dddddd 1px solid"> <a href="com.asp?id= <%=rs_Product("id")%>"> <img border=0 src=" <% =rs_Product("photo")%>" width="150" height="120"> </a> </td>
                                      </tr>
                                    </table>
          </td>
                            <td width="11"> </td>
                            <% rs_Product.MoveNext     
                            row_count=row_count+1     
                            next   
                            rs_Product.close     
                              %>
                          </tr>
                        </table>
        </td>
                    <td id="demo2"> </td>
                  </tr>
                </table>
                </div>
        <script type="text/javascript">
        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>
            </td>
          </tr>
        </table> 看看这样就滚动啦。
原因是你的图片的宽度没有把div撑满，所以javascript中取宽度的方法没有数值，因此就不会滚动啦。
多弄点图片，或者把div的宽度变小就行