图片滚动问题！

Question

下面的代码是我在VS2010 中做的图片左右滚动，奇怪的是我在本地或者发布后在IIS访问都能运行正常，但是在其他机子访问图片就不能滚动了，前后者都是用IE浏览器访问，我怀疑是IE版本问题。但是我还是想听听大家的高见，或是有什么办法解决。  <div id="demo" style="overflow: hidden; height: 178px; background: #f90;">
        <table height="178" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td id="demo1">
                    <table width="840" height="178" border="0" cellspacing="3" cellpadding="3">
                        <tr>
                            <td align="center">
                                <!--此处可加链接-->
                                <img src="Image/图片1.jpg" width="178" height="164" border="0" alt="" /><br />
                            </td>
                            <td align="center">
                                <img src="Image/图片2.jpg" width="178" height="164" border="0" alt="" /><br />
                            </td>
                            <td align="center">
                                <img src="Image/图片3.jpg" width="178" height="164" border="0" alt="" /><br />
                            </td>
                            <td align="center">
                                <img src="Image/图片4.jpg" width="178" height="164" border="0" alt="" /><br />
                            </td>
                            <td align="center">
                                <img src="Image/图片5.jpg" width="178" height="164" border="0" alt="" /><br />
                            </td>
                            <td align="center">
                                <img src="Image/图片6.jpg" width="178" height="164" border="0" alt="" /><br />
                            </td>
                           <%-- <td align="center">
                                <img src="Image/图片7.jpg" width="178" height="164" border="0" alt="" /><br />
                            </td>--%>
                            <%--     <td align="center">
                                    <img src="Image/图片8.jpg" width="178" height="164" border="0" alt="" /><br />
                                </td>
                                <td align="center">
                                    <img src="Image/图片9.jpg" width="178" height="164" border="0" alt="" /><br />
                                </td>
                                 <td align="center">
                                    <img src="Image/图片10.jpg" width="178" height="164" border="0" alt="" /><br />
                                </td>
                                <td align="center">
                                    <img src="Image/图片11.jpg" width="178" height="164" border="0" alt="" /><br />
                                </td>
                            --%>
                        </tr>
                    </table>
                </td>
                <td id="demo2">
                </td>
            </tr>
        </table>
    </div>
    <script language="JavaScript" type="text/javascript">
<!--
        var demo = document.getElementById("demo");
        var demo1 = document.getElementById("demo1");
        var demo2 = document.getElementById("demo2");
        var speed = 5;    //数值越大滚动速度越慢
        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 1

整个兼容浏览器的不就行了么jquery.KinSlideshow图片轮播

Answer 2

           <div id="dmo_1" style="height:140px; width:660px;overflow:hidden;">
                <ul id="dmo_1_u" style="margin-left:-2px;padding-top:5px;">
                
<li style="width:130px; height:120px; overflow:hidden; top:0px; left:0px;float:left; margin-left:2px; margin-right:2px;background-color:#F4F7FC">
<table width="100%" border="0" cellpadding="1" cellspacing="1">
 <tr>
  <td align="center">
  <a href="/zjra/2011429/n7548114.html" target="_blank" title="红茶沟公园 "><img src="/files/shortpictures/2011-4/201142933319.jpg" width="120" height="90" border="0" style="padding:2px;border:1px solid #CCCCCC" />
  </a>
  </td>
  </tr>
  <tr>
  <td align="center"><a href="/zjra/2011429/n7548114.html" target="_blank" title="红茶沟公园 ">红茶沟公园 </a></td>
  </tr>
</table>
</li><li style="width:130px; height:120px; overflow:hidden; top:0px; left:0px;float:left; margin-left:2px; margin-right:2px;background-color:#F4F7FC">
<table width="100%" border="0" cellpadding="1" cellspacing="1">
 <tr>
  <td align="center">
  <a href="/zjra/2011429/n1104113.html" target="_blank" title="大良石门景区"><img src="/files/shortpictures/2011-4/201142926772.jpg" width="120" height="90" border="0" style="padding:2px;border:1px solid #CCCCCC" />
  </a>
  </td>
  </tr>
  <tr>
  <td align="center"><a href="/zjra/2011429/n1104113.html" target="_blank" title="大良石门景区">大良石门景区</a></td>
  </tr>
</table>
</li><li style="width:130px; height:120px; overflow:hidden; top:0px; left:0px;float:left; margin-left:2px; margin-right:2px;background-color:#F4F7FC">
<table width="100%" border="0" cellpadding="1" cellspacing="1">
 <tr>
  <td align="center">
  <a href="/zjra/2011429/n2703112.html" target="_blank" title="长安骑楼街 "><img src="/files/shortpictures/2011-4/201142980786.jpg" width="120" height="90" border="0" style="padding:2px;border:1px solid #CCCCCC" />
  </a>
  </td>
  </tr>
  <tr>
  <td align="center"><a href="/zjra/2011429/n2703112.html" target="_blank" title="长安骑楼街 ">长安骑楼街 </a></td>
  </tr>
</table>
</li><li style="width:130px; height:120px; overflow:hidden; top:0px; left:0px;float:left; margin-left:2px; margin-right:2px;background-color:#F4F7FC">
<table width="100%" border="0" cellpadding="1" cellspacing="1">
 <tr>
  <td align="center">
  <a href="/zjra/2011429/n8764111.html" target="_blank" title="芒蒿祈福"><img src="/files/shortpictures/2011-4/201142944566.jpg" width="120" height="90" border="0" style="padding:2px;border:1px solid #CCCCCC" />
  </a>
  </td>
  </tr>
  <tr>
  <td align="center"><a href="/zjra/2011429/n8764111.html" target="_blank" title="芒蒿祈福">芒蒿祈福</a></td>
  </tr>
</table>
</li><li style="width:130px; height:120px; overflow:hidden; top:0px; left:0px;float:left; margin-left:2px; margin-right:2px;background-color:#F4F7FC">
<table width="100%" border="0" cellpadding="1" cellspacing="1">
 <tr>
  <td align="center">
  <a href="/zjra/2011429/n4551110.html" target="_blank" title="融　　江"><img src="/files/shortpictures/2011-4/201142930682.jpg" width="120" height="90" border="0" style="padding:2px;border:1px solid #CCCCCC" />
  </a>
  </td>
  </tr>
  <tr>
  <td align="center"><a href="/zjra/2011429/n4551110.html" target="_blank" title="融　　江">融　　江</a></td>
  </tr>
</table>
</li><li style="width:130px; height:120px; overflow:hidden; top:0px; left:0px;float:left; margin-left:2px; margin-right:2px;background-color:#F4F7FC">
<table width="100%" border="0" cellpadding="1" cellspacing="1">
 <tr>
  <td align="center">
  <a href="/zjra/2011429/n6910109.html" target="_blank" title="宜居县城 "><img src="/files/shortpictures/2011-4/201142921080.jpg" width="120" height="90" border="0" style="padding:2px;border:1px solid #CCCCCC" />
  </a>
  </td>
  </tr>
  <tr>
  <td align="center"><a href="/zjra/2011429/n6910109.html" target="_blank" title="宜居县城 ">宜居县城 </a></td>
  </tr>
</table>
</li><li style="width:130px; height:120px; overflow:hidden; top:0px; left:0px;float:left; margin-left:2px; margin-right:2px;background-color:#F4F7FC">
<table width="100%" border="0" cellpadding="1" cellspacing="1">
 <tr>
  <td align="center">
  <a href="/zjra/2011429/n6393108.html" target="_blank" title="特色小吃--滤粉"><img src="/files/shortpictures/2011-4/201142941519.jpg" width="120" height="90" border="0" style="padding:2px;border:1px solid #CCCCCC" />
  </a>
  </td>
  </tr>
  <tr>
  <td align="center"><a href="/zjra/2011429/n6393108.html" target="_blank" title="特色小吃--滤粉">特色小吃--滤粉</a></td>
  </tr>
</table>
</li>                </ul>
            </div><!--图片滚动-->
<script>
    
    var speed=30  
    var MyMar;
    var n=0;
    var len=document.getElementById("dmo_1_u").getElementsByTagName("li").length;
    if(len>=5)
    {
    document.getElementById("dmo_1_u").innerHTML=document.getElementById("dmo_1_u").innerHTML + document.getElementById("dmo_1_u").innerHTML;
    document.getElementById("dmo_1_u").style.width=(135 * len * 2) + "px";
     MyMar=setInterval(Marquee,speed)
    }
    function Marquee(){
       if(document.getElementById("dmo_1").scrollLeft>=(document.getElementById("dmo_1").scrollWidth/2 -10))
       {
       document.getElementById("dmo_1").scrollLeft=0;
       
       }
       else{
       document.getElementById("dmo_1").scrollLeft=document.getElementById("dmo_1").scrollLeft + 1;
       }
    }
  
   document.getElementById("dmo_1").onmouseover=function(){
        clearInterval(MyMar);
    }
   document.getElementById("dmo_1").onmouseout=function(){
       MyMar=setInterval(Marquee,speed);
   }
   
</script>

Answer 3

大哥，你这个图片滚动有个时间限制，放在Dw里面运行图片滚动就一分钟这样就停，在aspx页面就30秒就停。

Answer 4

楼上是其一 其二 楼主 你说是IE的问题 那你下个ietest 上面有6789几个版本 你在本机再看不就OK了吗 不行的话就换个代码 实能图片滚动的有很多 <marquee>也可以的