淡水狗
2017-07-22 19:15
<select id="animation">
<option value="1">动画step动画</option>
<option value="2">动画progress回调</option>
</select>
<a></a>
<input id="exec" type="button" value="执行动画">
<script type="text/javascript">
$("#exec").click(function(){
var v = $("#animation").val();
var a = $("#aaron");
if(v == "1"){
a.animate(
{ height:'50'},
{duration:2000,
step:function(now,fx){
a.text('高度的改变值:'+now)
}
})
}
else if(v == "2"){
a.animate(
{height:'70'},
{duration:2000,
progress:function(now,fx){
a.text('进度'+arguments[1]),
alert('执行结束');
}
})
}
})
</script>连续弹出窗口三次,没弹出一次 进度增加一次。怎么能只弹出一次。然后进度直接从0-1。
这不是冒泡,也不只弹出三次。你把alert改成console.log看看就知道了。
如果要只弹出一次,那就把alert写在complete里:
a.animate{..., {..., complete: function(){alert("ok")}}}至于进度直接从0变成1,这个我不知道,大概要用.stop()方法吧。
jQuery基础(四)—动画篇
85033 学习 · 268 问题
相似问题