02. jQuery 效果

• jQuery效果常用方法

方法	描述	语法(带-为可选参数)
animate()	animate() 方法执行 CSS 属性集的自定义动画	$(selector).animate({styles},-speed,-easing,-callback)
fadeIn()	逐渐改变被选元素的不透明度，从隐藏到可见	$(selector).fadeIn(-speed,-callback)
fadeOut()	逐渐改变被选元素的透明度，从可见到隐藏	$(selector).fadeOut(-speed,-callback)
fadeTo()	fadeTo() 方法将被选元素的不透明度逐渐地改变为指定的值	$(selector).fadeTo(-speed,opacity,-callback)
hide()	隐藏被选的元素	$(selector).hide(-speed,-callback)
show()	显示被选的元素	$(selector).show(-speed,-callback)
slideDown()	通过使用滑动效果，显示隐藏的被选元素	$(selector).slideDown(-speed,-callback)
slideToggle()	使用滑动效果（高度变化）来切换元素的可见状态	$(selector).slideToggle(-speed,-callback)
slideUp()	通过使用滑动效果，隐藏被选元素，如果元素已显示出来的话	$(selector).slideUp(-speed,-callback)
stop()	停止当前正在运行的动画	$(selector).stop(-stopAll,-goToEnd)
toggle()	切换元素的可见状态	$(selector).toggle(-speed,-callback,-switch)

---

test31.gif

---

• Callback & Chaining

1. Callback:当效果执行结束后调用的函数,防止效果结束前执行;
2. Chaining:链,可在一次选择器定位后,通过点链接实现多种效果;

    
        
        
        
        
    

    
        

            
点击隐藏
            

                海上生明月，天涯共此时。
 
                情人怨遥夜，竟夕起相思。
 
                灭烛怜光满，披衣觉露滋。
 
                不堪盈手赠，还寝梦佳期。
            
        
        
    

test32.gif