JavaScript基础--jQuery效果动画

最新推荐文章于 2023-12-19 16:20:49 发布

VIP文章柠檬味D

最新推荐文章于 2023-12-19 16:20:49 发布

阅读量505

点赞数 1

文章标签： jquery 动画 javascript

本文链接：https://blog.csdn.net/weixin_50909662/article/details/121178500

版权

基本显示与隐藏

①显示隐藏的元素jqueryObj.show(speed，easing，fn)

speed参数1：表示速度的字符串【‘slow’，‘normal’，‘fast’】或动画时长的毫秒数1000、2000...

easing参数2：指定切换效果‘swing’、‘linear’，默认值为‘swing’

fn参数3：效果动画执行完毕后执行的函数

注：如果选择的元素是可见的，这个方法将不会改变任何东西。

<body>
    <button>显示按钮</button>
    <div style="display: none;">hello world</div>
    <script src="js/jquery-3.6.0.js"></script>
    <script>
        $('button').on('click', function () {
            $('div').show('slow', 'linear', function () {
                alert('动画执行完毕')
            })
        })
    </script>
</body>

最低0.47元/天解锁文章

优惠劵

柠檬味D

关注关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
打赏
1
评论
JavaScript基础--jQuery效果动画

基本显示与隐藏①显示隐藏的元素jqueryObj.show(speed，easing，fn)speed参数1：表示速度的字符串【‘slow’，‘normal’，‘fast’】或动画时长的毫秒数1000、2000...easing参数2：指定切换效果‘swing’、‘linear’，默认值为‘swing’fn参数3：效果动画执行完毕后执行的函数注：如果选择的元素是可见的，这个方法将不会改变任何东西。<body> <button>显示按钮<...
复制链接

扫一扫