无缝连接封装

6 篇文章 0 订阅
/**
 * Created by Administrator on 2016/12/21.
 */
/*box.onclick = function () {
    move(box, "height", 300, function() {
        move(box, "width", 300);
    });
    dom:标签
    str:标签的属性
    target:需要满足的条件
    fn:调用函数
}*/
function move(dom,str,target,fn) {
    dom.timer = setInterval(function () {
        var _current = parseInt(getStyle(dom,str));
        var _speed = (target - _current) / 8;
        if(_speed > 0){
            _speed = Math.ceil(_speed);
        }else {
            _speed = 0;
        }
        if(_current == target){
            clearInterval(dom.timer)
            if(fn){
                fn();
            }
        }
        dom.style[str] = _current + _speed +"px";
    },10)
}
function getStyle(dom,styleName){
    return dom.currentStyle?dom.currentStyle[styleName] :getComputedStyle(dom)[styleName];
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值