单击按钮时的JQuery动画 [英] JQuery animation on button click
问题描述
当第二次点击该按钮时，我希望它恢复到原来的尺寸，我该怎么做？
jQuery（document）.ready（function（）{
$（button）。click（function（）{
var btn = $（button）;
btn.animate（{height：'300px'}，slow）;
btn.animate（{width：'300px'}，slow）;
btn.animate（{身高：'100px'}，慢）;
btn.animate（{width：'100px'}，slow）;
}）;
}）;
< / script >
< / head >
< body >
< 按钮 style = height ：25像素;宽度：150像素 > 开始动画
< / button >
< ; / body >
（ 链接）点击（函数（）{
变种BTN =
（ 链接）。
btn.animate（{height：'300px'}，slow）;
btn.animate（{width：'300px'}，slow）;
btn.animate（{height：'100px'}，slow）;
btn.animate（{width：'100px'}，slow）;
}）;
}）;
< / script >
< / head >
< body >
< 按钮 style = height ：25像素;宽度：150像素 > 开始动画
< / button >
< ; / body >
When the button is clicked for a second time I want it to go back to its original size, how can I do this? 这篇关于单击按钮时的JQuery动画的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
希望这可以帮到你。
http://jsfiddle.net/pvZJ8/ [ ^ ]
谢谢，
Vamsi
jQuery(document).ready(function(){
$("button").click(function(){
var btn =$("button");
btn.animate({height:'300px'},"slow");
btn.animate({width:'300px'},"slow");
btn.animate({height:'100px'},"slow");
btn.animate({width:'100px'},"slow");
});
});
</script>
</head>
<body>
<button style="height:25px; width:150px">Start Animation
</button>
</body>("button").click(function(){
var btn =
("button");
btn.animate({height:'300px'},"slow");
btn.animate({width:'300px'},"slow");
btn.animate({height:'100px'},"slow");
btn.animate({width:'100px'},"slow");
});
});
</script>
</head>
<body>
<button style="height:25px; width:150px">Start Animation
</button>
</body>
Hi,
Hope this helps you.
http://jsfiddle.net/pvZJ8/[^]
Thank you,
Vamsi
