• 跑马灯js


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <style type="text/css">
    #scrollobj01,#scrollobj02 { 
    white-space: nowrap; 
    overflow: hidden; 
    width: 390px;
    }
    
    </style>
    <script type="text/javascript">
    window.onload=function(){
    
    alert(id("scrollobj01"));
    
                var _timer = setInterval("scroll01(id('scrollobj01'))", 10);
                function _stop01() {
                    if (_timer != null) {
                        clearInterval(_timer);
                    }
                }
                function _start01() {
                    _timer = setInterval("scroll01(id('scrollobj01'))", 10);
                }
    
    }
    function id(name){
    
    return document.getElementById(name);
    
    }
    function scroll01(obj) {
                    /*往左*/
                    var tmp = (obj.scrollLeft)++;
                    //当滚动条到达右边顶端时
                    if (obj.scrollLeft == tmp) {
                        obj.innerHTML += obj.innerHTML;
                    }
                    //当滚动条滚动了初始内容的宽度时滚动条回到最左端
                    if (obj.scrollLeft >= obj.firstChild.offsetWidth) {
                        obj.scrollLeft = 0;
                    }
                }
    
    
    </script>
    </head>
    
    <body>
    <div >    <!--重点工作-->
            <div class="gdxw" style="510px; margin-top:3px;">
                <img src="file:///C|/Users/Administrator/Desktop/images/gdxl_tp2.gif" width="115" height="22" style="float:left;" />
                <div id="scrollobj01" onmouseover="javascript:_stop01();" onmouseout="javascript:_start01();" style="float:left; 390px; font-size:14px; font-family:'宋体'; color:#ff0214;">
                    
                        <a href="file:///C|/Users/Administrator/Desktop/${document.fileName}?id=${document.id}" target="_blank" style="color:#FF0214;"><b>${document.title}</b></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    
                </div>
    
            </div>
                    <!--干部考勤情况-->
    
            <div class="gdxw" style="510px; margin-top:3px;">
                <img src="file:///C|/Users/Administrator/Desktop/images/gdxl_tp2.gif" width="115" height="22" style="float:left;" />
                <div id="scrollobj02" onmouseover="javascript:_stop02();" onmouseout="javascript:_start02();" style="float:left; 390px; font-size:14px; font-family:'宋体'; color:#ff0214;">
                    
                        <a href="file:///C|/Users/Administrator/Desktop/${document.fileName}?id=${document.id}" target="_blank" style="color:#FF0214;"><b>${document.title}</b></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                
                </div>
    
            </div>
            </div>
    </body>
    </html>
  • 相关阅读:
    Git原理与命令大全
    【网络安全】加解密算法最详解
    陪你阅读《区块链:从数字货币到信用社会》序一
    Splunk初识
    红帽学习记录[RHCE] ISCSI远程块储存
    DNS 域名系统与邮件服务器
    红帽学习记录[RHCE] 防火墙与网络合作
    红帽学习笔记[RHCE]网络配置与路由转发
    红帽学习笔记[RHCE]OpenLDAP 服务端与客户端配置
    红帽学习笔记[RHCSA] 第二周
  • 原文地址:https://www.cnblogs.com/woxiangxintj/p/4496436.html
Copyright © 2020-2023  润新知