定时器的应用笔记2

无缝滚动

运动基础

要给div加绝对定位 position:absolute;
(要使div动起来,就是在修改他的left和top)

offsetleft:用来获取div的左边距(数字)
优点是:可以综合考虑所有影响物体位置的所有因素得出结论(例如:margin)

    <script>        
    
    setInterval(function(){            
    var oDiv=document.getElementById('div1');
            
    oDiv.style.left=oDiv.offsetLeft+10+'px';
     
     },50)
         
    </script>

无缝滚动的布局

无序列表

oUl.innerHTM=oUl.innerHTM+oUl.innerHTM;  //复制列表
oUl.style.width=aLi[0].offsetWidth*aLi.length+'px';  //加大宽度

滚完长度的一半后,迅速拉回来。—>完成连续滚动。

更改方向

设置一个speed,通过更改speed的大小和正负来改滚动的速度和方向。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值