字幕滚动效果！

标签：

 var speed = 80;

    var demo = document.getElementById("demo");

    var demo1 = document.getElementById("demo1");

    var demo2 = document.getElementById("demo2");

    demo2.innerHTML = demo1.innerHTML;

    function change() {

        if (demo2.offsetTop - demo.scrollTop <= 0) {

            demo.scrollTop -= demo1.offsetHeight;

        } else {

            demo.scrollTop++;

        }

    }

    var marquee = setInterval(change, speed);

    demo.onmouseover = function () { clearInterval(marquee); }

    demo.onmouseout = function () { marquee = setInterval(change, speed); }

   <div id="demo" style="width: 100%; overflow: hidden; height: 1700px; border: #aaccee 1px soilid;" class="gdMq" >

                        <div id="demo1">

                            <table class="tb">

                                <asp:Repeater ID="gdList" runat="server">

                                    <ItemTemplate>

                                        <tr <%# Convert.ToInt32(Eval("rw")) % 2 != 0 ? "": "style=‘ background:#f7f7f7;‘"%>>

                                            <td class="no5">

                                                <%#Eval("rw") %>

                                            </td>

                                            <td class="no25">

                                                <span title="<%#Eval("NAME") %>">

                                                    <%#(Eval("NAME")+"").Length > 20 ? (Eval("NAME")+"").Substring(0,19)+"...":(Eval("NAME")+"")%></span>

                                            </td>

                                            <td class="no25">

                                                <%#Eval("DEPT_NAME")%>

                                            </td>

                                            <td class="no10">

                                                <%#Eval("MIN_AMOUNT")%>

                                            </td>

                                            <td class="no10">

                                                <%#Eval("FEATURE")%>

                                            </td>

                                            <td class="no10">

                                                <%#Eval("RISK_LEVEL")%>

                                            </td>

                                            <td class="no15">

                                                <%#Eval("RECORD_TIME")%>

                                            </td>

                                        </tr>

                                    </ItemTemplate>

                                </asp:Repeater>

                            </table>

                            <div id="demo2">

                            </div>

                        </div>

                    </div>

字幕滚动效果！

标签：

原文地址：http://www.cnblogs.com/huaerxielehou/p/4654457.html