3.js效果显示隐藏，滑动，淡入淡出，自定义动画

最新推荐文章于 2021-09-26 16:24:47 发布

原创

最新推荐文章于 2021-09-26 16:24:47 发布 · 2.1k 阅读

6 ·

CC 4.0 BY-SA版权

本文介绍了如何使用3.js实现多种动画效果，包括显示、隐藏、切换、滑动等，详细讲解了参数设置和动画队列的控制。还通过具体的案例，如下拉栏、淡入淡出、高亮效果和王者荣耀手风琴布局，展示了3.js在创建自定义动画方面的应用。同时，文章提到了mouseover和mouseenter事件的区别，帮助理解事件处理的不同行为。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.常用动画效果。

2.显示，隐藏，切换，参数一般都省略

第二个参数，swing是先快后慢，linear就是匀速变。

  <script>
        $(function() {
            $("button").eq(0).click(function() {
                $("div").show(1000, function() {
                    alert(1);
                });
            })
            $("button").eq(1).click(function() {
                $("div").hide(1000, function() {
                    alert(1);
                });
            })
            $("button").eq(2).click(function() {