zoukankan      html  css  js  c++  java
  • 第一篇帖子,就弄个JS动态公告浏览吧,直接上代码

    .scroll{
        margin-left:45px;
        margin-top:-150px;
        height:100px;
        300px;
    }

    <script language="JavaScript">
    function addEventSimple(obj,evt,fn){
        if(obj.addEventListener){
            obj.addEventListener(evt,fn,false);
        }else if(obj.attachEvent){
            obj.attachEvent('on'+evt,fn);
        }
    }

    addEventSimple(window,'load',initScrolling);

    var scrollingBox;
    var scrollingInterval;
    var reachedBottom=false;
    var bottom;

    function initScrolling(){
        scrollingBox = document.getElementById('xst');
        scrollingBox.style.overflow = "hidden";
        scrollingInterval = setInterval("scrolling()",50);
        scrollingBox.onmouseover = over;
        scrollingBox.onmouseout = out;
    }

    function scrolling(){
        var origin = scrollingBox.scrollTop++;
        if(origin == scrollingBox.scrollTop){
            if(!reachedBottom){
                scrollingBox.innerHTML+=scrollingBox.innerHTML;
                reachedBottom=true;
                bottom=origin;
            }else{
                scrollingBox.scrollTop=bottom;
            }
        }
    }

    function over(){
        clearInterval(scrollingInterval);
    }
    function out(){
        scrollingInterval = setInterval("scrolling()",50);
    }

    </script>

    <div class="scroll" id="xst" style="font-size:14px">

     <p><a href=""></a></p>

  • 相关阅读:
    squid反向代理
    LVM逻辑卷管理
    磁盘分区
    磁盘阵列
    apache基本配置
    LNMP简要配置
    高性能Web服务器Nginx
    samba文件共享服务配置(multiuser机制)二 (共两节)
    samba文件共享服务配置一(共2节)
    linux 批量修改文件名 文件名只保留部分,去掉部分
  • 原文地址:https://www.cnblogs.com/xiaomen/p/3388385.html
Copyright © 2011-2022 走看看