运动框架和隐藏边框

一个完美的运动框架是经过不断地改善调整过来的,可以适合各种样式的运动。在JS运动中一下几点是至关重要的:
1.不加绝对定位的话是肯定不会动的!
2.运动框架中:在开始运动时,关闭已有定时器。把运动和停止隔开。(if、else)
3.透明度在IE中支持:filter:alpha(opacity:30),在FF和Chrome中opacity:0.3。
4.缓冲运动中,距离越远,速度越大,速度由距离决定。速度要取整,不然会出现抖动。取整的方法有:Math.ceil 向上取整;Math.floor向下取整;Math.abs取绝对值;Math.round四舍五入;
而框架的演变也是慢慢一步步优化过来的:
startMove(iTarget)
startMove(obj,iTarget)
startMove(obj,attr,iTarget)
startMove(obj,attr,iTarget,fn)
startMove(obj,json)
startMove(obj,json,fn)
运动框架如下:

function getStyle(obj, name)
{
   
    if(obj.currentStyle)
    {
        return obj.currentStyle[name];
    }
    else
    {
        return getComputedStyle(obj, false)[name];
    }
}


//startMove(oDiv, {width: 400, height: 400})


function startMove(obj, json, fnEnd)
{
   
    clearInterval(obj.timer);
    obj.timer=setInterval(function (){
   
        var bStop=true;     
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值