JavaScript jQuery效果_javascript或jquery特效-优快云博客

本文链接：https://blog.youkuaiyun.com/m0_55201788/article/details/122849144

1.显示语法规范
show ( [ speed, [easing], [fn]])
hide ( [ speed, [easing], [fn]])
toggle ( [ speed, [easing], [fn]])
显示参数
(1)参数都可以省略，无动画直接显示。
(2) speed:三种预定速度之一的字符串( "slow" ，"normal" , or "fast" )或表示动画时长的毫秒数值(如: 1000)。
(3) easing : (Optional)用来指定切换效果,默认是"swing"（由快到慢）,可用参数"linear"（匀速）。
(4) fn:回调函数,在动画完成时执行的函数,每个元素执行次。

<body>
    <button>显示</button>
    <button>隐藏</button>
    <button>切换</button>
    <div></div>
    <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() {
                    $("div").toggle(1000);
                })
                // 一般情况下，我们都不加参数直接显示隐藏就可以了
        });
    </script>
</body>

2.下滑效果语法规范
slideDown( [speed, [easing], [fn] ])
slideUp( [speed, [easing], [fn] ])
slideToggle( [speed, [easing], [fn] ])

hover([over,]out)
( 1 ) over:鼠标移到元索上要触发的函数(相当于mouseenter )
( 2 ) out:鼠标移出元素要触发的函数(相当于mouseleave )

显示参数
(1)参数都可以省略，无动画直接显示。
(2) speed:三种预定速度之一的字符串(