热门关键字:
jquery > jquery教程 > jquery教程 > 对多个属性进行一对一动画或排队动画

对多个属性进行一对一动画或排队动画

360
作者:管理员
发布时间:2021/1/27 18:07:02
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=3538
您还可以使用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
友荐云推荐