<div id="im" style="width:100%; overflow:hidden; height:96px;">
                    <table>
                        <tr>
                            <td id="im1">
                                <table border="0" cellspacing="5px" cellpadding="0" width="100%" style="height:96px">
                                    <tr>
                                            <asp:Repeater ID="repeaterimg" runat="server">
                                                            <ItemTemplate>
                                                                <td class="mqimg" style="width:135px; text-align:center; margin:0 8px 0 8px"><asp:Image ID="Image1" runat="server" ImageUrl='<%#Eval("CaseImage") %>' /></td>
                                                            </ItemTemplate>
                                                        </asp:Repeater>
                                                    </tr>
                                </table>
                            </td>
                            <td id="im2"></td>
                        </tr>
                    </table>
                </div> 
这是前台的代码请问各位大侠,我该怎么让这组图片做横向的Marqun效果啊,我对js了解很少,希望大家帮帮忙!!!
、、、、、、、、、、、、、、、、、、、、、、、、、js代码,用了个jQuery
    $(function(){
        var speed=40;
    var p = $("#im");
//     alert(p);
    var p1 =$("#im1");
//     alert(p1);
    var p2 = $("#im2");
//     alert(p2);
    p2.innerHTML = p1.innerHTML;
        function Marquee()
    {
        if(p2.offsetWidth-p.scrollLeft<="0")
        {
            p.scrollLeft-=p1.offsetWidth;
        }
        else
        {
            p.scrollLeft++;
            }
        }     var MyMar;
    var startmq = function startmarquee()
    {
    MyMar=setInterval(Marquee,speed)    
    }
    window.setTimeout(startmq,1000);
        p.onmouseover=function() {clearInterval(MyMar)}
        p.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
        
    })
这是js代码