向上滚动


向上滚动

<!DOCTYPE HTML>
<html>
<head>
  <meta http-equiv="content-type" charset="utf-8" />
    <meta http-equiv="content-type" content="text/html" />
    <title>demo</title>
</head>
<style type="text/css">
*{margin:0;padding:0;}
ul,li,img{margin:0;padding:0;border:0;list-style-type:none;}
#luanbo{border:1px solid red;overflow:hidden;height:24px;}
#info li{height:24px;line-height:24px;}
</style>
<body>
    <div id="luanbo">
       <ul id="info">
        <li>aaaaaaaaaaa</li>
        <li>bbbbbbbbbbb</li>
        <li>ccccccccccc</li>
        <li>ddddddddddd</li>
        <li>eeeeeeeeeee</li>
        <li>fffffffffff</li>
       </ul>
    </div>


<script type="text/javascript">
var odiv=document.getElementById("luanbo");
var oul=document.getElementById("info");
var oli=document.getElementById("info").getElementsByTagName("li");
var iNow=0;
function move(obj,tg){     //运动框架
clearInterval(dt);
var dt=setInterval(function(){
    var speed=2;
    if(tg-obj.scrollTop<speed){
        tg=obj.scrollTop;
        clearInterval(dt);
    }else{
        obj.scrollTop+=speed;
    }
},30);    
}
oul.innerHTML+=oul.innerHTML;
function star(){
clearInterval(tm);
var tm=setInterval(function(){
    iNow++;
    if(odiv.scrollTop>=(oli[0].offsetHeight*oli.length)/2){
        odiv.scrollTop=0;
        iNow=0;
    }else{
    var get=oli[0].offsetHeight*iNow;
    move(odiv,get);                     //运动框架
    }
},2000); 
}
star();


</script>
</body>
</html>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值