zoukankan      html  css  js  c++  java
  • js文字向上滚动代码

    js文字向上滚动代码

    <style>
    .pczt_pingfen_jhxs_news1{ 397px;  background:#edfafd; padding-top:2px; padding-bottom:2px; margin:0 auto;}
    .pczt_pingfen_jhxs_xian{ 382px;  margin:0 auto; border:1px dashed #a8d1dd; border-left:none; border-right:none;}
    .pczt_pingfen_jhxs_noxian{ 382px;  margin:0 auto; border:none;}
    .pczt_pingfen_jhxs_wenzi{color:#185881; text-align:center; line-height:30px;}
    .pczt_pingfen_jhxs_wenzi2{line-height:22px; font-size:12px; text-indent:2em; color:#525252;}
    </style>
    <div id="demo" onmouseover="clearInterval(timer)" onmouseout="timer=setInterval(mar,30)" style="overflow:hidden; height:225px; 100%;">
    <div id="demo1" style="height:100%;" >
                           <div class="pczt_pingfen_jhxs_news1" >
                            <div class="pczt_pingfen_jhxs_xian">
                                <h4 class="pczt_pingfen_jhxs_wenzi">CGWR 《武林至尊》游戏评测</h4>
                                <p class="pczt_pingfen_jhxs_wenzi2">《武林至尊》没有依照任何名著来搭建自己的世界观,而是通过
    设计员自己的脑子,想出了一个完美的剧情。虽比不了仙剑奇侠
    传的剧情经典,但也堪称引人入胜。再加上独有的部分特色,所
    以吸引了众多武侠迷进入了游戏。</p>
                            </div>
                        </div>
                        <div class="pczt_pingfen_jhxs_noxian">
                          <h4 class="pczt_pingfen_jhxs_wenzi">17173《武林至尊》试玩视频</h4>
                          <p class="pczt_pingfen_jhxs_wenzi2">《武林至尊》是一款华丽3D锁视角武侠网游巅峰巨作,真实再现
    了万千华人梦想中的武侠世界。它秉承纯正的中国武侠文化,彻
    底摒弃传统网游的职业概念,无职业限制,技能完全自由搭配,</p>
                        </div>
              <div id="demo2"></div>
              </div>
                </div>
    <script>
    var t=getid("demo"),t1=getid("demo1"),t2=getid("demo2"),sh=getid("show"),timer;
    t2.innerHTML=t1.innerHTML;
    function mar(){
    if(t2.offsetTop<=t.scrollTop)
    t.scrollTop-=t1.offsetHeight;
    else
    t.scrollTop++;
    }
    timer=setInterval(mar,30);
    function getid(id){
    return document.getElementById(id);
    }
    </script>

    ---------------------------------------------------------------------------------------------------------------------------------------------------------------------
    <div class="s-column4">
                <h3>今日成功预约</h3>
            <div id="demo" style="overflow:hidden;height:350px;320px;margin-top: 20px;">
                <div id="demo1">
                    <ul>

    <li><a href="/wz.html" target="_blank" rel="nofollow">胡小姐&nbsp;&nbsp;&nbsp;&nbsp;11111111& nbsp;&nbsp;&nbsp;&nbsp;预约成 功&nbsp;&nbsp;&nbsp;&nbsp;5分钟前</a></li>
    <li><a href="/wz.html" target="_blank" rel="nofollow">李小姐&nbsp;&nbsp;&nbsp;&nbsp;22222222& nbsp;&nbsp;&nbsp;&nbsp;预约成 功&nbsp;&nbsp;&nbsp;&nbsp;8分钟前</a></li>
    <li><a href="/wz.html" target="_blank" rel="nofollow">陈先生&nbsp;&nbsp;&nbsp;&nbsp;33333333& nbsp;&nbsp;&nbsp;&nbsp;预约成 功&nbsp;&nbsp;&nbsp;&nbsp;9分钟前</a></li>
    <li><a href="/wz.html" target="_blank" rel="nofollow">郑小姐&nbsp;&nbsp;&nbsp;&nbsp;44444444& nbsp;&nbsp;&nbsp;&nbsp;预约成 功&nbsp;&nbsp;&nbsp;&nbsp;11分钟前</a></li>
    <li><a href="/wz.html" target="_blank" rel="nofollow">廖小姐&nbsp;&nbsp;&nbsp;&nbsp;55555555& nbsp;&nbsp;&nbsp;&nbsp;预约成 功&nbsp;&nbsp;&nbsp;&nbsp;13分钟前</a></li>
    <li><a href="/wz.html" target="_blank" rel="nofollow">张小姐&nbsp;&nbsp;&nbsp;&nbsp;66666666& nbsp;&nbsp;&nbsp;&nbsp;预约成 功&nbsp;&nbsp;&nbsp;&nbsp;16分钟前</a></li>
    <li><a href="/wz.html" target="_blank" rel="nofollow">冯先生&nbsp;&nbsp;&nbsp;&nbsp;22222222& nbsp;&nbsp;&nbsp;&nbsp;预约成 功&nbsp;&nbsp;&nbsp;&nbsp;25分钟前</a></li>
    <li><a href="/wz.html" target="_blank" rel="nofollow">曾先生&nbsp;&nbsp;&nbsp;&nbsp;33333333& nbsp;&nbsp;&nbsp;&nbsp;预约成 功&nbsp;&nbsp;&nbsp;&nbsp;30分钟前</a></li>
    <li><a href="/wz.html" target="_blank" rel="nofollow">黄小姐&nbsp;&nbsp;&nbsp;&nbsp;44444444& nbsp;&nbsp;&nbsp;&nbsp;预约成 功&nbsp;&nbsp;&nbsp;&nbsp;30分钟前</a></li>
    <li><a href="/wz.html" target="_blank" rel="nofollow">于小姐&nbsp;&nbsp;&nbsp;&nbsp;77777777& nbsp;&nbsp;&nbsp;&nbsp;预约成 功&nbsp;&nbsp;&nbsp;&nbsp;45分钟前</a></li>
    <li><a href="/wz.html" target="_blank" rel="nofollow">赵小姐&nbsp;&nbsp;&nbsp;&nbsp;66666666& nbsp;&nbsp;&nbsp;&nbsp;预约成 功&nbsp;&nbsp;&nbsp;&nbsp;52分钟前</a></li>
    <li><a href="/wz.html" target="_blank" rel="nofollow">董先生&nbsp;&nbsp;&nbsp;&nbsp;22222222& nbsp;&nbsp;&nbsp;&nbsp;预约成 功&nbsp;&nbsp;&nbsp;&nbsp;1小时前</a></li>
    <li><a href="/wz.html" target="_blank" rel="nofollow">刘小姐&nbsp;&nbsp;&nbsp;&nbsp;44444444& nbsp;&nbsp;&nbsp;&nbsp;预约成 功&nbsp;&nbsp;&nbsp;&nbsp;1小时前</a></li>
    <li><a href="/wz.html" target="_blank" rel="nofollow">李先生&nbsp;&nbsp;&nbsp;&nbsp;77777777& nbsp;&nbsp;&nbsp;&nbsp;预约成 功&nbsp;&nbsp;&nbsp;&nbsp;1小时前</a></li>
    <li><a href="/wz.html" target="_blank" rel="nofollow">黄小姐&nbsp;&nbsp;&nbsp;&nbsp;66666666& nbsp;&nbsp;&nbsp;&nbsp;预约成 功&nbsp;&nbsp;&nbsp;&nbsp;1小时前</a></li>
    <li><a href="/wz.html" target="_blank" rel="nofollow">胡小姐&nbsp;&nbsp;&nbsp;&nbsp;66666666& nbsp;&nbsp;&nbsp;&nbsp;预约成 功&nbsp;&nbsp;&nbsp;&nbsp;5分钟前</a></li>
    <li><a href="/wz.html" target="_blank" rel="nofollow">李小姐&nbsp;&nbsp;&nbsp;&nbsp;22222222& nbsp;&nbsp;&nbsp;&nbsp;预约成 功&nbsp;&nbsp;&nbsp;&nbsp;8分钟前</a></li>
    <li><a href="/wz.html" target="_blank" rel="nofollow">陈先生&nbsp;&nbsp;&nbsp;&nbsp;33333333& nbsp;&nbsp;&nbsp;&nbsp;预约成 功&nbsp;&nbsp;&nbsp;&nbsp;9分钟前</a></li>


                       
                       
                    </ul>
                </div>
                <div id="demo2"></div>
            </div>
                <!--<script>
                 var speed=100;
                 demo2.innerHTML=demo1.innerHTML
                 function Marquee2(){
                 if(demo2.offsetTop-demo.scrollTop<=0)
                 demo.scrollTop-=demo1.offsetHeight
                 
                 else{
                 demo.scrollTop++
                 }
                 }
                 var MyMar=setInterval(Marquee2,speed)
                 demo.onmouseover=function() {clearInterval(MyMar)}
                 demo.onmouseout=function() {MyMar=setInterval(Marquee2,speed)}
                </script>-->
        </div>       

    <script>
    var t=getid("demo"),t1=getid("demo1"),t2=getid("demo2"),sh=getid("show"),timer;
    t2.innerHTML=t1.innerHTML;
    function mar(){
    if(t2.offsetTop<=t.scrollTop)
    t.scrollTop-=t1.offsetHeight+"250px";
    else
    t.scrollTop++;
    }
    timer=setInterval(mar,30);
    function getid(id){
    return document.getElementById(id);
    }
    </script>            

    转载请注明出处: 欢迎留言或qq(1090413588)交流
  • 相关阅读:
    ajax入门之建立XHR对象 (1)
    JavaScript中的函数有什么特点? 应该怎样优化?
    什么是JavaScript中的面向对象? 与其他编程语言的面向对象有什么区别? 什么是原型?
    Web页面加载,如何分析页面性能?如何进行优化?
    一个页面从输入 URL 到页面加载完的过程中都发生了什么事情?
    关于清除浮动与闭合浮动
    如何更加安全快速的使用富文本编辑器
    用Python实现一个爬取XX大学电费通知的小脚本
    在Sublime Text3上面更加方便愉快的写php
    如何搭建一个WAMP环境
  • 原文地址:https://www.cnblogs.com/linyusong/p/5528160.html
Copyright © 2011-2022 走看看