jQuery 实现简单的动画

s_kzn

于 2021-12-15 20:05:02 发布

阅读量1.2k

点赞数 3

文章标签： jquery javascript wpf

本文链接：https://blog.csdn.net/m0_61700036/article/details/121959039

版权

本文介绍了如何使用jQuery实现基本的动画效果，包括显示/隐藏、向上收缩/向下展开、淡入/淡出以及自定义动画。详细讲解了show(), hide(), toggle(), slideUp(), slideDown(), slideToggle(), fadeIn(), fadeOut(), fadeToggle()等方法的用法，并提到了自定义动画时如何设置CSS属性和控制动画速度。" 77443991,7102960,Excel 2016新增图表类型详解,"['数据可视化', 'Excel技巧', '数据分析', '办公软件']

摘要由CSDN通过智能技术生成

jQuery 实现简单的动画

1、显示/隐藏

(1)显示：show(speed,[callback])

     speed:效果时长。可取的值：slow、fast、毫秒数
     callback:过渡完成后，所执行的方法名称

   (2)隐藏：hide(speed,[callback])

   (3)交替：toggle(speed,[callback]),若'显示'则'隐藏';若'隐藏'则显示

//搭建结构
 <button id="btn_show">显示图片</button>
        <button id="btn_hide">隐藏图片</button>
        <button id="btn_toggle">交替显示隐藏</button>
    <img src="../素材/im2.jpg" alt="" width="200" height="200" id="img1">