jQuery中动画效果
2016-09-24 21:07
204 查看
JQuery中动画效果的方法,都有两个参数,时间和回调函数,时间可以是数字,也可以是字符串slow,normal,fast
1、滑入滑出(改变的是高度)
slideDown ()
使用滑动效果,显示被选的元素。如果元素已经显示,则不产生任何变化,如果有回调函数,则执行回调函数
slideUp () 使用滑动效果,隐藏被选元素。如果元素已经隐藏,则不产生任何变化,如果有回调函数,则执行回调函数
slideToggle ()使用滑动效果来切换元素的可见状态,如果被选元素是可见的,则隐藏这些元素,如果被选元素是隐藏的,则显示这些元素。
2、显示隐藏(改变的是宽高透明度)
show() 如果被选元素已被隐藏,则显示这些元素,如果元素已经是可见的则不会产生任何效果,如果有回调函数,则执行回调函数
hide ()
如果被选元素已被显示,则隐藏这些元素,如果元素已经是不可见的则不会产生任何效果,如果有回调函数,则执行回调函数
toggle () 切换元素的可见状态,如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素。
3、淡入淡出 (改变透明度)
fadeIn ()使用淡入效果来显示被选元素,如果元素已经显示,则不产生任何效果
fadeOut ()使用淡出效果来隐藏被选元素,如果元素已经隐藏,则不产生任何效果
fadeTo ()淡到,有三个参数,时间,透明度,回调函数,指某个元素从规定的时间内淡到设置的透明度
fadeToggle ()使用淡入淡出效果来切换元素的可见状态,如果被选元素是可见的,则隐藏这些元素,如果被选元素是隐藏的,则显示这些元素。
1、滑入滑出(改变的是高度)
slideDown ()
使用滑动效果,显示被选的元素。如果元素已经显示,则不产生任何变化,如果有回调函数,则执行回调函数
slideUp () 使用滑动效果,隐藏被选元素。如果元素已经隐藏,则不产生任何变化,如果有回调函数,则执行回调函数
slideToggle ()使用滑动效果来切换元素的可见状态,如果被选元素是可见的,则隐藏这些元素,如果被选元素是隐藏的,则显示这些元素。
2、显示隐藏(改变的是宽高透明度)
show() 如果被选元素已被隐藏,则显示这些元素,如果元素已经是可见的则不会产生任何效果,如果有回调函数,则执行回调函数
hide ()
如果被选元素已被显示,则隐藏这些元素,如果元素已经是不可见的则不会产生任何效果,如果有回调函数,则执行回调函数
toggle () 切换元素的可见状态,如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素。
3、淡入淡出 (改变透明度)
fadeIn ()使用淡入效果来显示被选元素,如果元素已经显示,则不产生任何效果
fadeOut ()使用淡出效果来隐藏被选元素,如果元素已经隐藏,则不产生任何效果
fadeTo ()淡到,有三个参数,时间,透明度,回调函数,指某个元素从规定的时间内淡到设置的透明度
fadeToggle ()使用淡入淡出效果来切换元素的可见状态,如果被选元素是可见的,则隐藏这些元素,如果被选元素是隐藏的,则显示这些元素。
相关文章推荐
- jquery animate 动画效果使用说明
- jquery 经典动画菜单效果代码
- jQuery实现图片与文本信息切换动画效果
- JQuery动画效果
- 利用jQuery制作具有滑动动画效果的层
- jQuery 动画中 缓动效果的应用
- Jquery 下拉菜单动画效果
- JQuery动画效果
- 不用jQuery实现的动画效果代码
- Jquery 下拉菜单动画效果
- jQuery 1.4单独为某个动画动作设效果
- 基于Jquery的温度计动画效果
- [Jquery] 实现温度计动画效果
- jQuery动画效果实现
- 基于JQuery的数字改变的动画效果--可用来做计数器
- 使用jQuery制作滑动动画效果的层
- 基于Jquery的温度计动画效果
- JQuery动画效果—— 仿微软bing效果,非常不错
- jQuery文本动画效果
- Jquery 下拉菜单动画效果