jQuery动画，for循环，each循环

最新推荐文章于 2023-09-04 19:35:51 发布

我，休伯利安舰长

最新推荐文章于 2023-09-04 19:35:51 发布

阅读量391

点赞数

文章标签： jquery javascript

本文链接：https://blog.csdn.net/weixin_49757916/article/details/116829080

版权

jQuery动画

一.自定义动画animate

有些复杂的动画我之前说的几个动画函数是不能够实现，这时候就需要强大的animate方法了

操作一个元素执行3秒的淡入动画，对比一下两组动画设置的区别↓↓

公共样式，css样式：

    <style>
        div{
            width:200px;
            height:200px;
            background-color:red;
            
        }
    </style>

效果图：↓↓

第一组：是用animate方法来实现淡入效果

<body>
    <div> 
    </div>
    <button id="btn">按钮</button>
    <script src="~/Content/js/jquery-3.2.1.min.js"></script>
    <script>
        $("#btn").click(function () {
            $("div").animate({ opacity:0.5},3000)
        })
    </script>
</body>

运行的最后结果，也就效果图：↓↓