zoukankan      html  css  js  c++  java
  • 向上逐行滚动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>
    <title>向上逐行滚动JS代码,鼠标划过暂停</title>
    <meta http-equiv="content-type" content="text/html;charset=gb2312">
    <style type="text/css">
    a{
     display:block;/*这个属性是必须的*/
     font-size:12px;
     line-height:18px;
     text-decoration:none;
     color:#333;
     font-family:Arial;
    }
    .shell{
     border:1px solid #aaa;
     width:400px;
     padding:3px 2px 2px 20px;
    }
    #div1{
     height:18px;
     overflow:hidden;
    }
    </style>
    </head>
    <body>
    <div class="shell">
      <div id="div1">
        <a href="javascript:">请教高手帮我看下这段代码:FLASH显示不了</a>
        <a href="javascript:">请教在UTF-8编辑下的符号显示问题</a>
        <a href="javascript:">jquery做的一个滑动效果,不知如何增加延迟,现在太灵敏了</a>
        <a href="javascript:">技术研究:QQ2009版按钮渐显渐隐的由来</a>
        <a href="javascript:">Javascript读取Json数据并分页显示,支持键盘和滚轮翻页</a>
        <a href="javascript:">腾讯网奇怪的PNG文件,拜师以求解惑</a>
        <a href="javascript:">更新lhgdialog-ver2.0.1弹出窗口组件</a>
      </div>
    </div>
    <script language="javascript">
    var box=document.getElementById("div1"),can=true;
    box.innerHTML+=box.innerHTML;
    box.onmouseover=function(){can=false};
    box.onmouseout=function(){can=true};
    new function (){
     var stop=box.scrollTop%18==0&&!can;
     if(!stop)box.scrollTop==parseInt(box.scrollHeight/2)?box.scrollTop=0:box.scrollTop++;
     setTimeout(arguments.callee,box.scrollTop%18?10:1500);
    };
    </script>
    
    </body>
    </html>
  • 相关阅读:
    Go语言指针
    程序员 需要掌握得600个英语单词
    Go语言管道
    Go语言容器
    Go语言切片
    Go语言类型转换
    Go语言数组
    LR静态存储/动态存储/指针变量脚本说明
    MQ报错2009/2085解决方法
    Windows性能监控监视器(perfmon使用)
  • 原文地址:https://www.cnblogs.com/zywf/p/6673066.html
Copyright © 2011-2022 走看看