zoukankan      html  css  js  c++  java
  • 原生态JS  图片滚动

          这里写的是原生态的JS图片滚动。

               说明:scroll_begin 和scroll_end 必须为一个table里的两个相邻的<td>

               注意:scroll_begin里面的div宽度最好能等于Scroll_div 的宽度

     <div id="scroll_div" style="overflow: hidden;  997px; margin: auto;">
            <table cellpadding="0" cellspacing="0" border="0">
                <tr>
                    <td id="scroll_begin" valign="top">
                        <asp:Repeater ID="rptTrainPlan" runat="server">
                            <ItemTemplate>
                                <div style=" 997px; color: #ff6600">
                                    <a href='TPDetail.aspx?id=<%# Eval("TPId") %>' style="color: #ff6600">
                                        <%# Eval("Title") %>  [<%# Eval("TrainDate")%>] </a>
                                </div>
                            </ItemTemplate>
                        </asp:Repeater>
                    </td>
                    <td id="scroll_end">
                    </td>
                </tr>
            </table>
        </div>
        <script language="javascript" type="text/javascript">        //滚动速度        var speed = 20;
            scroll_end.innerHTML = scroll_begin.innerHTML;
            function Marquee() {
                if (scroll_begin.offsetWidth < scroll_div.offsetWidth) {
                    scroll_end.innerHTML = '';
                }
                if (scroll_end.offsetWidth - scroll_div.scrollLeft <= 0)
                    scroll_div.scrollLeft -= scroll_begin.offsetWidth
                else {
                    scroll_div.scrollLeft++;
                }
            }
            var MyMar = setInterval(Marquee, speed);
           //事件注册        scroll_div.onmouseover = function () {
                clearInterval(MyMar);
            }
          //事件注册        scroll_div.onmouseout = function () {
                MyMar = setInterval(Marquee, speed);
            }
        </script>

      

  • 相关阅读:
    C# 监测每个方法的执行次数和占用时间(测试1)
    C# 依赖注入那些事儿
    SQL Server GROUP BY 后 拼接 字符串
    C# 根据Excel生成树
    C# 反射赋值
    C# 集合转换为DataTable
    Oracle 未能加载文件或程序集Oracle.DataAccess
    MySQL 各种主流 SQLServer 迁移到 MySQL 工具对比
    平衡树
    数据结构优化dp
  • 原文地址:https://www.cnblogs.com/jiangqiang/p/2777561.html
Copyright © 2011-2022 走看看