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>

  • 相关阅读:
    java对象序列化机制
    进程和线程的区别
    关于Java中的String类的不可变
    计算机编码ASCII、UNICODE和UTF-8
    mybatis中的一级缓存和二级缓存
    SQL语句之EXSITS谓词
    git学习笔记
    hdu1542-扫描线求矩形面积并
    首场ACM总结——2019JXCPC(CCPC江西省省赛)
    hdu1199(离散化线段树)
  • 原文地址:https://www.cnblogs.com/xiaomen/p/3388385.html
Copyright © 2011-2022 走看看