js文字向上滚动代码

<style>

.pczt_pingfen_jhxs_news1{ width:397px;  background:#edfafd; padding-top:2px; padding-bottom:2px; margin:0 auto;}

.pczt_pingfen_jhxs_xian{ width:382px;  margin:0 auto; border:1px dashed #a8d1dd; border-left:none; border-right:none;}

.pczt_pingfen_jhxs_noxian{ width: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" οnmοuseοver="clearInterval(timer)" οnmοuseοut="timer=setInterval(mar,30)" style="overflow:hidden; height:225px; width: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;width: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.οnmοuseοver=function() {clearInterval(MyMar)}

             demo.οnmοuseοut=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>