1861资源网：您身边、安全、高速、放心的专业下载站！
手机站 软件专题
1861资源网
热门搜索： 请搜索 软件： 相关信息 照明商店 搜索 教程：相关 爆裂点 照明商店 请输入 相关： 软件
您当前位置：首页 > 软件教程 > 代码特效 >> 符合标准的间隙间歇滚动代码(兼容IE和FireFox)文字滚动代码

符合标准的间隙间歇滚动代码(兼容IE和FireFox)文字滚动代码

    <!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>符合标准的间隙滚动代码(兼容IE和FireFox) - 网页特效观止-网页特效代码|JsCode.CN|</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <style type="text/css"> 
    <!-- 
    body { padding: 30px; font-size: 12px;} 
    a { color: #000; text-decoration: none; } 
    a:hover { color: #F60; } 
    #scrollWrap { 
     width:300px;
     height: 18px; 
     overflow: hidden; 
     background: #E6F6F6; 
    } 
    #scrollMsg { 
     float: left; 
     text-align: left;
      padding:0 10px;
    }
    #scrollMsg ul {
      margin:0;
      padding:0;
    }
    #scrollMsg li { 
     line-height: 18px; 
      list-style:none;
    } 
    --> 
    </style>
    </head>

    <body>

    <div id="scrollWrap">
        <div id="scrollMsg">
            <ul>
                <li><a href="#">1111111111111</a></li>
                <li><a href="#">22222222222</a></li>
                <li><a href="#">333333333333333</a></li>
            </ul>
        </div>
    </div>
    <script type="text/javascript"> 
    <!-- 
    try{ 
     var isStoped = false; 
     var oScroll = document.getElementById("scrollWrap"); 
     with(oScroll){ 
     noWrap = true; 
     } 
     
     oScroll.onmouseover = new Function('isStoped = true'); 
     oScroll.onmouseout = new Function('isStoped = false'); 
     
     var preTop = 0; 
     var curTop = 0; 
     var stopTime = 0; 
     var oScrollMsg = document.getElementById("scrollMsg");
     
     oScroll.appendChild(oScrollMsg.cloneNode(true)); 
     init_srolltext(); 
    }catch(e) {} 
     
    function init_srolltext(){ 
     oScroll.scrollTop = 0; 
     setInterval('scrollUp()', 15); 
    } 
     
    function scrollUp(){ 
     if(isStoped) return; 
     curTop += 1; 
     if(curTop == 19) { 
     stopTime += 1; 
     curTop -= 1; 
     if(stopTime == 180) { 
     curTop = 0; 
     stopTime = 0; 
     } 
     }else{ 
     preTop = oScroll.scrollTop; 
     oScroll.scrollTop += 1; 
     if(preTop == oScroll.scrollTop){ 
     oScroll.scrollTop = 0; 
     oScroll.scrollTop += 1; 
     } 
     } 
    } 
    //--> 
    </script>
    <p>　</p>
    <p>　</p>
    <p>　</p>
    <p>更多网页特效代码尽在 <a href="http://www.jscode.cn/">网页特效观止</a></p>
    </body>

    </html>
代码特效 发布: 2022-04-29   修改: 2024-04-30   阅:   评:   点击报错反馈
上一篇 : 三级导航菜单,三级竖向展开/收缩导航菜单代码
下一篇 : 一个网页同时出现选项卡和滑动门的代码特效
相关文章
本类最新发布
本类推荐
本类评论
留言与评论（共有 0 条评论）
验证码：
本类软件分类
文章总排行
文章月排行
装机必备软件
全站下载总排行

1861资源网

http://www.zywlyy.cn/

   |

1861资源网 软件下载

虚假投诉

免费注册

关于本站

联系我们

软件下载

驱动下载

安卓软件

苹果软件

安卓游戏

苹果游戏

mac下载

系统工具

编程软件

本站留言

单机游戏

软件教程

1861资源网

使用手机软件扫描微信二维码

关注我们可获取更多热点资讯

感谢网络科技公司技术支持