您的位置:首页 > Web前端 > JQuery

jQuery中动画效果

2016-09-24 21:07 204 查看
JQuery中动画效果的方法,都有两个参数,时间和回调函数,时间可以是数字,也可以是字符串slow,normal,fast

       1、滑入滑出(改变的是高度)

slideDown () 
使用滑动效果,显示被选的元素。如果元素已经显示,则不产生任何变化,如果有回调函数,则执行回调函数 

slideUp ()  使用滑动效果,隐藏被选元素。如果元素已经隐藏,则不产生任何变化,如果有回调函数,则执行回调函数

slideToggle ()使用滑动效果来切换元素的可见状态,如果被选元素是可见的,则隐藏这些元素,如果被选元素是隐藏的,则显示这些元素。

 

2、显示隐藏(改变的是宽高透明度)

show() 如果被选元素已被隐藏,则显示这些元素,如果元素已经是可见的则不会产生任何效果,如果有回调函数,则执行回调函数

hide () 
如果被选元素已被显示,则隐藏这些元素,如果元素已经是不可见的则不会产生任何效果,如果有回调函数,则执行回调函数   

toggle () 切换元素的可见状态,如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素。

 

3、淡入淡出 (改变透明度)

fadeIn ()使用淡入效果来显示被选元素,如果元素已经显示,则不产生任何效果

fadeOut ()使用淡出效果来隐藏被选元素,如果元素已经隐藏,则不产生任何效果

fadeTo ()淡到,有三个参数,时间,透明度,回调函数,指某个元素从规定的时间内淡到设置的透明度

fadeToggle ()使用淡入淡出效果来切换元素的可见状态,如果被选元素是可见的,则隐藏这些元素,如果被选元素是隐藏的,则显示这些元素。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  slide show hide toggle fade