发现一个animate的小应用

<script src="jquery-1.11.1.js"></script>
<script>

//animate() : 
//第一个参数 : 对象 {} 去设置样式属性和值(目标点)
//第二个参数 : 时间 默认是400
//第三个参数 : 运动形式 只有两种 swing(默认 : 缓冲 : 慢快慢)  linear(匀速的)
//第四个参数 : 运行结束的回调

$(function(){
    
    $('#input1').click(function(){
        
        $('#div1').animate({
            num : "move"
        },{
            duration : 1000,
            easing : 'linear',
            step : function(a,b){  //可以检测我们定时器的每一次变化
                //console.log(a);
                console.log(b.pos);   //运动过程中的比例值(0~1)
                $('#div1').html(parseInt(b.pos * 300));
            }
        });
        
    });
    
});

效果0~300 就像定时器的效果递增

日常所遇,随手而记。
原文地址:https://www.cnblogs.com/zhihou/p/7904058.html