jQuery效果-显示与隐藏效果/滑动效果 / 高亮显示案例

最新推荐文章于 2023-01-08 21:05:42 发布

杨蛋蛋~R

最新推荐文章于 2023-01-08 21:05:42 发布

阅读量237

点赞数

分类专栏： jQuery 文章标签： jquery

本文链接：https://blog.csdn.net/weixin_50119334/article/details/109005658

版权

jQuery效果

显示与隐藏效果

显示语法规范：
show([speed,[easing],[fn])
显示参数
（1)参数都可以省略，无动画直接显示
（2）speed:三种预定速度之一的字符串（“slow”、“normal"、“fast”)或表示动画时长的毫秒数值(如：1000）
（3）easing：用于指定切换效果，默认是"swing",可用参数"linear"
（4）fn : 回调函数，再动画完成时执行的函数，每元素执行一次
( 其他效果可查看jquery 的 API）

<body>
    <button>显示</button>
    <button>隐藏</button>
    <button>切换</button>
    <div></div>
    <script>
        $(function() {
   
            $("button").eq(0).click(function() {
   
                $('div').show("slow", function() {
   
                    //回调函数 当动画消失弹出对话框
                    alert(0);
                });
            })
            $("button").eq(1).click(function() {
   
                $('div').hide("slow", function() {
   
                    //回调函数 当动画消失弹出对话框
                    alert(1);
                });
            })
            $("button").eq(2).click(function() {
   
                $('div').toggle("slow");
            })
            //一半 情况，不加参数ÿ

最低0.47元/天解锁文章

杨蛋蛋~R

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery效果-显示与隐藏效果/滑动效果 / 高亮显示案例

jQuery效果显示与隐藏效果显示语法规范：show([speed,[easing],[fn])显示参数（1)参数都可以省略，无动画直接显示（2）speed:三种预定速度之一的字符串（“slow”、“normal"、“fast”)或表示动画时长的毫秒数值(如：1000）（3）easing：用于指定切换效果，默认是"swing",可用参数"linear"（4）fn : 回调函数，再动画完成时执行的函数，每元素执行一次( 其他效果可查看jquery 的 API）<body>
复制链接

扫一扫

专栏目录