JQUERY 无隙滚动特效

最新推荐文章于 2022-11-28 10:06:45 发布

longlong821

最新推荐文章于 2022-11-28 10:06:45 发布

阅读量818

点赞数

分类专栏： c# 文章标签： jquery function class border table div

本文链接：https://blog.youkuaiyun.com/longlong821/article/details/7432869

版权

c# 专栏收录该内容

25 篇文章

订阅专栏

function _InitScrolltry(_S1, _S2, _W, _H, _T) {
            return "var marqueesHeight" + _S1 + "=" + _H + ";var stopscroll" + _S1 + "=false;var scrollElem" + _S1 + " = $('#" + _S1 + "');scrollElem" + _S1 + ".css({'width': " + _W + ",'height': marqueesHeight" + _S1 + ",'noWrap': true,'overflow': 'hidden'});scrollElem" + _S1 + ".mouseover(function(){stopscroll" + _S1 + "=true;});scrollElem" + _S1 + ".mouseout(function() { stopscroll" + _S1 + " = false; });var preTop" + _S1 + "=0; var currentTop" + _S1 + "=0; var stoptime" + _S1 + "=0;var leftElem" + _S2 + "=$('#" + _S2 + "');scrollElem" + _S1 + ".append(leftElem" + _S2 + ".clone());setTimeout(init_srolltext" + _S1 + ", " + _T + ");function init_srolltext" + _S1 + "() {scrollElem" + _S1 + ".scrollTop(0);setInterval(scrollUp" + _S1 + ",50);}function scrollUp" + _S1 + "(){if(stopscroll" + _S1 + "){return;} currentTop" + _S1 + "+=1;if(currentTop" + _S1 + "==(marqueesHeight" + _S1 + "+1)){stoptime" + _S1 + "+=1;currentTop" + _S1 + "-=1;if(stoptime" + _S1 + "==" + _T + " / 50 ){currentTop" + _S1 + "=0;stoptime" + _S1 + "=0;}}else{preTop" + _S1 + " = scrollElem" + _S1 + ".scrollTop();scrollElem" + _S1 + ".scrollTop(preTop" + _S1 + " + 1);if (preTop" + _S1 + " == scrollElem" + _S1 + ".scrollTop()){scrollElem" + _S1 + ".scrollTop(0);scrollElem" + _S1 + ".scrollTop(1);}} }";
        }

html

<div class="divnr">
            <div class="divnrl">
                <div class="divnrmain">
                <table cellspacing="0" cellpadding="0" border="0"  width="100%"  id="table2">
                        <tr>
                            <td width="100%">
                                <table cellspacing="0" cellpadding="0" border="0"  class="indextab">
                                    <tr class="GV_TR_HEADER">
                                        <th scope="col" style="width: 70%;">
                                            工程名称
                                        </th>
                                        <th scope="col" style="width: 20%;">
                                            工程进度
                                        </th>
                                        <th scope="col">
                                            视频监控
                                        </th>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td width="100%">
                                <div id="E1">
                                    <div id="E2">
                                        <table cellpadding="0" cellspacing="0" border="0" class="indextabgundong">
                                            <tbody>
                                                <asp:Repeater ID="RepImp" runat="server">
                                                    <ItemTemplate>
                                                        <tr class="GV_TR" οnmοuseοut="this.style.backgroundColor=''" οnmοuseοver="this.style.backgroundColor='#c1ebff'">
                                                            <td align="left" style="width: 70%;">
                                                              <%# Getbh(Eval("BuildAim"))%>   <a href="../Project/App/App_Add.aspx?id=<%# Eval("ProID") %>"><%#Eval("ProName")%>(<%#Eval("Counts")%>)</a>
                                                            </td>
                                                            <td style="width: 20%;">
                                                                <%#GetStatusName(Eval("ProgStatus"))%>
                                                            </td>
                                                            <td>
                                                                查看
                                                            </td>
                                                        </tr>
                                                    </ItemTemplate>
                                                </asp:Repeater>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                
                            </td>
                        </tr>
                     </table>
                     <script language="javascript" type="text/javascript">
                         if ($("#E2 tr").size() > 5) {
                             var w = $("#table2").width();
                             eval(_InitScrolltry("E1", "E2", w, 23 * 5, 2000));
                         }
                    </script>
                     
                </div>
            </div>
        </div>