码迷,mamicode.com
首页 > 其他好文 > 详细

动画补充

时间:2017-06-04 00:21:49      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:on()   script   javascrip   进度   text   ==   多少   click   调用   

<script type="text/javascript">
$("#exec").click(function() {
var v = $("#animation").val();
var $aaron = $("#aaron");
if (v == "1") {
//观察每一次动画的改变
$aaron.animate({
height: ‘50‘
}, {
duration :2000,
//每一个动画都会调用
step: function(now, fx) {
$aaron.text(‘高度的改变值:‘+now)
}
})
} else if (v == "2") {
//观察每一次进度的变化
$aaron.animate({
height: ‘50‘
}, {
duration :2000,
//每一步动画完成后调用的一个函数,
//无论动画属性有多少,每个动画元素都执行单独的函数
progress: function(now, fx) {
$aaron.text(‘进度:‘+fx)
// var data = fx.elem.id + ‘ ‘ + fx.prop + ‘: ‘ + now;
// alert(data)
}
})
}
});
</script>

动画补充

标签:on()   script   javascrip   进度   text   ==   多少   click   调用   

原文地址:http://www.cnblogs.com/chenss/p/6938920.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!