<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 就像定时器的效果递增