• 第一篇帖子,就弄个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>

  • 相关阅读:
    vue router 中 mode和base
    C# 迭代器、枚举器、IEnumerable和IEnumerator
    C#单例模式(Singleton Pattern)
    C#设计模式
    C# UML图符号的含义
    C#设计模式-迭代器模式
    IQueryable<T>和表达式树
    .NET IEnumerable和IEnumerator
    C#基础知识之const和readonly关键字
    C#基础知识之base、this、new、override、abstract梳理
  • 原文地址:https://www.cnblogs.com/xiaomen/p/3388385.html
Copyright © 2020-2023  润新知