zoukankan      html  css  js  c++  java
  • js 向上滚动新闻代码

    1,

    <style>a{display:block;font-size:15px};</style>
    <div id="div1" style="300px;height:68px;overflow:hidden">
    <a href="javascript:">1,你可曾有过无数的梦想,</a>
    <a href="javascript:">2,却在时光的流逝里幻灭 </a>
    <a href="javascript:">3,你可曾对未来期待憧憬,</a>
    <a href="javascript:">4,却在成长的岁月中迷失</a>
    <a href="javascript:">5,CSDN中国程序员论坛</a>
    <a href="javascript:">6,大家一起来</a>
    <a href="javascript:">7,好象都很不错的样子</a>
    </div>
    <script>
    var t=setInterval(myfunc,1000)
    var d=document.getElementById("div1")
    function myfunc(){
    var o=d.firstChild
    d.removeChild(o)
    d.appendChild(o)
    }
    d.onmouseover=function(){clearInterval(t)}
    d.onmouseout=function(){t=setInterval(myfunc,1000)}
    </script>

    2,

    <div id="marquees">
       <a href="#">链接一</a><br>
       <br>
       <a href="#">链接二</a><br>
       <br>
       <a href="#">链接三</a><br>
       <br>
       <a href="#">链接四</a><br>
       <br>
    </div>
    <script language="JavaScript">

    marqueesHeight=200;
    stopscroll=false;

    with(marquees){
       style.width=0;
       style.height=marqueesHeight;
       style.overflowX="visible";
       style.overflowY="hidden";
       noWrap=true;
       onmouseover=new Function("stopscroll=true");
       onmouseout=new Function("stopscroll=false");
    }
    document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');

    preTop=0; currentTop=0;

    function init(){
       templayer.innerHTML="";
       while(templayer.offsetHeight<marqueesHeight){
         templayer.innerHTML+=marquees.innerHTML;
       }
       marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
       setInterval("scrollUp()",10);
    }
    document.body.onload=init;

    function scrollUp(){
       if(stopscroll==true) return;
       preTop=marquees.scrollTop;
       marquees.scrollTop+=1;
       if(preTop==marquees.scrollTop){
         marquees.scrollTop=templayer.offsetHeight-marqueesHeight;
         marquees.scrollTop+=1;
       }
    }
    </script>

  • 相关阅读:
    python项目_mysql开启事务
    python项目_ImageField字段
    linux基础_常用命令
    mysql数据_查询操作
    list 和 tuple——python基础学习
    python-格式化
    python-字符串
    数学——变上限积分的应用
    python-交互模式
    蓝桥杯——汉诺塔问题
  • 原文地址:https://www.cnblogs.com/pricks/p/1683115.html
Copyright © 2011-2022 走看看