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>