您还可以使用jQuery的链接功能在一个队列中分别逐个设置元素的多个属性的动画。我们将在下一章中学习有关链接的更多信息。
以下示例演示了jQuery排队或链接的动画,其中每个动画将在元素上的上一个动画完成后开始。
例试试这个代码»
<script>
$(document).ready(function(){
$("button").click(function(){
$(".box")
.animate({width: "300px"})
.animate({height: "300px"})
.animate({marginLeft: "150px"})
.animate({borderWidth: "10px"})
.animate({opacity: 0.5});
});
});
</script>
如果您觉得本文的内容对您的学习有所帮助:
关键字:
jQuery