• 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>
      a{}{display:block;font-size:15px};
    </style>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function   scrolln(){
    objDiv.scrollTop+=1;

    if   (objDiv.scrollTop>20)   {
    objDiv.scrollTop=0;

    do{
    var   objChild=objDiv.firstChild;
    objDiv.removeChild(objChild);
    objDiv.appendChild(objChild);
    }while(!objChild.innerHTML)
    }
    }
       //-->
      </SCRIPT>
      </head>
       <body>
      <div   id="divMain"   style="300px;height:68px;overflow:hidden;line-height:20px">
       <a href="http://www.livebaby.cn/blog">《戒子篇》-- 诸葛亮</a><br>
       <a href="http://www.livebaby.cn/blog">夫君子之行,静以修身,俭以养德。</a><br>
       <a href="http://www.livebaby.cn/blog">非澹泊无以明志,非宁静无以致远。</a><br>
       <a href="http://www.livebaby.cn/blog">夫学须静也,才须学也,</a><br>
       <a href="http://www.livebaby.cn/blog">非学无以广才,非志无以成学,</a><br>
      <a href="http://www.livebaby.cn/blog">淫漫则不能励精,险躁则不能治性,</a><br>
       <a href="http://www.livebaby.cn/blog">年与时驰,意与日去,</a><br>
      <a href="http://www.livebaby.cn/blog">遂成枯落,多不接世,</a><br>
       <a href="http://www.livebaby.cn/blog">悲守穷庐,将复何及!</a><br>
       <a href="http://www.livebaby.cn/blog">www.livebaby.cn/blog</a><br>
       </div>
       <div id="divS"></div>
       <script>
       var   tmp=setInterval("scrolln()",100);
       var   objDiv=document.getElementById("divMain");
       objDiv.onmouseover=function(){clearInterval(tmp)}
       objDiv.onmouseout=function(){tmp=setInterval("scrolln()",100)}
       </script>
      </body>
       </html>
  • 相关阅读:
    Python异常处理
    Python中的变量作用域,LEGB规则和闭包原理
    Flask实现RESTful API
    Django中自定义实现RESTful API
    Python中的单例模式
    Flask中实现分页
    面向对象进阶
    Flask部分三方模块的使用
    面向对象基础
    在visual studio中设置点击左边选项卡中的类文件,右侧解决方案跳到对应的文件
  • 原文地址:https://www.cnblogs.com/svennee/p/4073101.html
Copyright © 2020-2023  润新知