gpt4 book ai didi

javascript - 在 step 中使用 animate 函数后调用函数?

转载 作者:行者123 更新时间:2023-11-30 13:03:38 25 4
gpt4 key购买 nike

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title></title>
<style>
#a{
position:absolute;
top:136px;
left:200px;
height:100px;
width:100px;
background:#FF0066;
}

</style>
<script src="scripts/jquery.js"></script>
<script>
var t;
$(function(){
$("#a").click(function(){
$("#a").animate(
{
top:0,
left:0,
t:100
},{
step: function (now){
$(this).css('height',now+'%');
$(this).css('width',now+'%');
},duration:'slow'
},'linear',function(){
alert('hi');
});
})

})



</script>
</head>

<body>
<div id="a"></div>
</body>

</html

我想要一个在动画函数完成后的函数。但是因为我使用的是步骤,所以当动画完成时函数没有被调用。当使用带有步骤的动画时是否可以调用函数?或者有没有其他方法可以在我的动画完成时调用该函数?

最佳答案

需要传递一个函数来完成。

   $(function(){
$("#a").click(function(){
$("#a").animate({
top:0,
left:0,
t:100
},
{
step: function (now){
$(this).css('height',now+'%');
$(this).css('width',now+'%');
},
complete: function(){
alert('end ani');
}

}
);
});
});

关于javascript - 在 step 中使用 animate 函数后调用函数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16511838/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com