图片滚动JS提问如何让此段代码兼容火狐

script.aculo.us 有一个示例可以满足你的要求！
你写的代码太不规范!当然在严格的doctype声明下会出现个别浏览器没有效果的情况

解决方案 »

  1.   

    你直接通过id来进行对象的存取操作，换成document.getElementById（id）
      

  2.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <body>
    <div id="main_center_main_image"style="overflow:hidden;height:120px;width:650px;color:#ff0000">
    <table align=left cellpadding=0 cellspace=0 border=0 width="1300"> 
            <tr > 
                <td id="main_center_main_image1" valign=top  width="650"> 
                    <table width= "489 " border=0 cellpadding=0 cellspacing=0 > 
                        <tr >
                            <td > <a href= "# " target=_blank style= "margin:0px 1px "><img src= "#" alt="图片一" width= "150 " height= "110 " border= "0 " ></a ></td >
                            <td > <a href= "# " target=_blank style= "margin:0px 1px "><img src= "#" alt="图片二" width= "150 " height= "110 " border= "0 " ></a ></td >
                            <td > <a href= "# " target=_blank style= "margin:0px 1px "><img src= "#" alt="图片三" width= "150 " height= "110 " border= "0 " ></a ></td >
                            <td > <a href= "# " target=_blank style= "margin:0px 1px "><img src= "#" alt="图片四" width= "150 " height= "110 " border= "0 " ></a ></td >
                        </tr >
                    </table > 
                </td>    
                <td id= "main_center_main_image2" valign= "top " width= "650"></td >
            </tr >
    </table >
    </div>
    <script type="text/javascript">
    function $(id){
    return document.getElementById(id);
    }var speed=85;
    $("main_center_main_image2").innerHTML = $("main_center_main_image1").innerHTML;function Marquee(){ 
    if( $("main_center_main_image2").offsetWidth - $("main_center_main_image").scrollLeft <=0 ) 
    $("main_center_main_image").scrollLeft -= $("main_center_main_image1").offsetWidth;
    else{ 
    $("main_center_main_image").scrollLeft += 3;
    } 
    } 
    var MyMar = setInterval(Marquee,speed);
    $("main_center_main_image").onmouseover = function() {clearInterval(MyMar);};
    $("main_center_main_image").onmouseout = function() {MyMar=setInterval(Marquee,speed);}; 
    </script>
    </body>
    </html>