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)交流
  • 相关阅读:
    contab的使用方法
    mitmproxy安装与使用
    centos安装docker
    Linux安装python3.6
    Appium 教您完美win10安装Appium1.7.2支持win客户端自动化
    解决Git建立远程分支关联时fatal the current branch master has no upstream branch 问题
    git 命令上传远程服务器步骤
    robot打开浏览器WebDriverException: Message: WebDriver:NewSession
    jmeter线程组之间数据共享设置
    缓存的那些事
  • 原文地址:https://www.cnblogs.com/linyusong/p/5528160.html
Copyright © 2011-2022 走看看