这是一个订单的滚动效果,但是滚动一会就自己停了 <!-- //这是前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>
大家帮我看看。
<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>
大家帮我看看。
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货