jQuery中动画效果

来源:互联网 发布:西班牙4g手机网络制式 编辑:程序博客网 时间:2024/06/03 17:56

JQuery中动画效果的方法,都有两个参数,时间和回调函数,时间可以是数字,也可以是字符串slownormalfast

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

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

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

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

 

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

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

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

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

 

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

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

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

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

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

0 0
原创粉丝点击