这是一个订单的滚动效果,但是滚动一会就自己停了 <!-- //这是前20条订单循环开始-->
<div id=orderdemo style="height:200px;width:100%;overflow:hidden;"> 
    <div id=orderdemo1 style="position:relative;">
    {foreach from=$order_list item=order}
        <li><a href="user.php">{$order.short_order_time}<span id="order_sn">{$order.order_sn}</span><span id="order_status">{$order.order_status}</span></a></li>
     {/foreach}
    </div>
 <div id=orderdemo2 style="position:relative;"></div> 
</div>
<script type="text/javascript">
function getElmtByID(id){
    return document.getElementById(id);
}
var speed=50;
getElmtByID("orderdemo2").innerHTML=getElmtByID("orderdemo1").innerHTML;
function Marquee(){
   if(getElmtByID("orderdemo2").offsetTop-getElmtByID("orderdemo").scrollTop<=0)
     {
       getElmtByID("orderdemo").scrollTop-=getElmtByID("orderdemo1").offsetHeight;
     }
    else
     {
       getElmtByID("orderdemo").scrollTop++;
     }
}
var MyMar=setInterval(Marquee,speed);
getElmtByID("orderdemo").onmouseover=function() {clearInterval(MyMar);}
getElmtByID("orderdemo").onmouseout=function() {MyMar=setInterval(Marquee,speed);}
</script>
大家帮我看看。