jQuery使用手冊之動態效果

　　jQuery一直以來在效果外面口碑都不錯一直以來jquery的插件很豐富，一些很好的效果，好比我寫過fat.js的漸變褪色淡入淡出效果，在新版本的jquery1.2中，能夠很方便的用

　　$("#go").click(function(){

　　$(".block").animate( { backgroundColor: 'pink' }, 1000)

　　.animate( { backgroundColor: 'blue' }, 1000);

　　});http://www.120hrb.com

　　來實現，效果很不錯，能夠在官方看到演示

　　另外jquery的插件頻道改版了以後，我的感受好了不少，地址：http://jquery.com/plugins/

　　在將這部分以前咱們先看個例子，相信作網頁的朋友都遇到n級菜單的情景，但點擊某菜單按鈕時，若是它的子菜單是顯示的，則隱藏子菜單，若是子菜單隱藏，則顯示出來，jQuery實現上面效果只須要1句話就行，$("#a").toggle("slow"),傳統的javascript作法是先用getElementById取出子菜單所在容器的id，在判斷該容器的style.display是否等於none，若是等於則設爲block,若是不等於這設爲none，若是在將效果設置複雜一點，當點擊按鈕時，不是突然隱藏和顯示子菜單，而是高度平滑的轉變，這時就要經過setTimeout來設置子菜單的height了，再複雜一點透明度也平滑的消失和顯現，這時顯現下來須要編寫不少代碼，若是js基礎很差的朋友可能只能從別人寫好的代碼拿過來修改了!,學完jQuery後還須要抄襲修改別人的代碼嗎?下面咱們逐個介紹jQuery用於效果處理的方法。

　　hide() 隱藏匹配對象

　　Hello Again

　　jQuery當點擊鏈接時,id爲a的對象的display變爲none。

　　show() 顯示匹配對象

　　hide(speed) 以必定的速度隱藏匹配對象，其大小(長寬)和透明度都逐漸變化到0，speed有3級("slow", "normal", "fast")，也能夠是自定義的速度。

　　show(speed) 以必定的速度顯示匹配對象，其大小(長寬)和透明度都由0逐漸變化到正常

　　hide(speed, callback) show(speed, callback) 當顯示和隱藏變化結束後執行函數callback

　　toggle() toggle(speed) 若是當前匹配對象隱藏，則顯示他們，若是當前是顯示的，就隱藏，toggle(speed),其大小(長寬)和透明度都隨之逐漸變化。

　　jQuery

　　fadeIn(speeds) fadeOut(speeds) 根據速度調整透明度來顯示或隱藏匹配對象，注意有別於hide(speed)和show(speed)，fadeIn和fadeOut都只調整透明度，不調整大小

　　jQuery

　　點擊鏈接後能夠看到圖片逐漸顯示。

　　fadeIn(speed, callback) fadeOut(speed, callback) callback爲函數，先經過調整透明度來顯示或隱藏匹配對象，當調整結束後執行callback函數

　　jQuery

　　點擊鏈接後能夠看到圖片逐漸顯示,顯示徹底後彈出對話框http://www.hrbfkyy120.com

　　fadeTo(speed, opacity, callback) 將匹配對象以speed速度調整倒透明度opacity，而後執行函數callback。Opacity爲最終顯示的透明度(0-1).

　　jQuery

　　你們能夠看一下本身看看效果，若是不用jQuery，編寫原始javascript腳本可能不少代碼!

　　slideDown(speeds) 將匹配對象的高度由0以指定速率平滑的變化到正常!

　　[*]jQuery

　　slideDown(speeds,callback) 將匹配對象的高度由0變化到正常!變化結束後執行函數callback

　　slideUp("slow") slideUp(speed, callback) 匹配對象的高度由正常變化到0

　　slideToggle("slow") 若是匹配對象的高度正常則逐漸變化到0，若爲0，則逐漸變化到正常