zoukankan      html  css  js  c++  java
  • 无缝滚动[转]

    <head>
    <title>21Andy.com - 兼容IE和FireFox的间隔滚动代码</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <style type="text/css">
    <!--
    body {
     text-align:center;
    }
    #andyscroll {
     overflow: hidden;
     background: #E8F8F8;
     padding: 0 10px;
     text-align: left;
     400px;
     height:150px;
     overflow:hidden;
    }
    #andyscroll a {
     font:12px/18px tahoma;
     color: #000;
     float:left;
     100%;
     text-decoration: none;
     display:block;
    }
    #andyscroll a:hover {
     font:12px/18px tahoma;
     color: #F60;
    }
    -->
    </style>
    </head>
    <body>
    <div id="andyscroll">
     <div id="scrollmessage">
      <a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果1……</a>
      <a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果2……</a>
      <a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果3……</a>
      <a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果4……</a>
      <a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果5……</a>
      <a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果6……</a>
      <a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果7……</a>
      <a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果8……</a>
      <a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果9……</a>
      <a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果10……</a>
      <a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果11……</a>
      <a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果12……</a>
      <a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果13……</a>
      <a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果14……</a>
      <a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果15……</a>
      <a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果16……</a>
      <a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果17……</a>
      <a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果18……</a>
      <a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果19……</a>
    </div>
    <script type="text/javascript">
    <!--
    var stopscroll = false;
    var scrollElem = document.getElementById("andyscroll");
    var marqueesHeight = scrollElem.style.height;
    scrollElem.onmouseover = new Function('stopscroll = true');
    scrollElem.onmouseout  = new Function('stopscroll = false');
    var preTop = 0;
    var currentTop = 0;
    var stoptime = 0;
    var leftElem = document.getElementById("scrollmessage");
    scrollElem.appendChild(leftElem.cloneNode(true));
    init_srolltext();
    function init_srolltext(){
     scrollElem.scrollTop = 0;
     setInterval('scrollUp()', 115);//的面的这个参数25, 是确定滚动速度的, 数值越小, 速度越快
    }
    function scrollUp(){
     if(stopscroll) return;
     currentTop += 2; //设为1, 可以实现间歇式的滚动; 设为2, 则是连续滚动
     if(currentTop == 19) {
      stoptime += 1;
      currentTop -= 1;
      if(stoptime == 180) {
       currentTop = 0;
       stoptime = 0;
      }
     }else{
      preTop = scrollElem.scrollTop;
      scrollElem.scrollTop += 1;
      if(preTop == scrollElem.scrollTop){
       scrollElem.scrollTop = 0;
       scrollElem.scrollTop += 1;
      }
     }
    }
    //-->
    </script>
    </body>
    </html>
  • 相关阅读:
    Python 类中方法的内部变量,命名加'self.'变成 self.xxx 和不加直接 xxx 的区别
    用foreach遍历 datagridView 指定列所有的内容
    treeView1.SelectedNode.Level
    YES NO 上一个 下一个
    正则 单词全字匹配查找 reg 边界查找 精确匹配 只匹配字符 不含连续的字符
    抓取2个字符串中间的字符串
    sqlite 60000行 插入到数据库只用不到2秒
    将多行文本以单行的格式保存起来 读和写 ini
    将秒转换成时间格式
    richtextbox Ctrl+V只粘贴纯文本格式
  • 原文地址:https://www.cnblogs.com/witer666/p/957261.html
Copyright © 2011-2022 走看看