jQuery淡入淡出元素讓其效果更為生動
為了達到更為生動的效果，可以把一個元素淡出或淡入，在任何一種情況下，都只是隨著時間來改變元素的透明度。jQuery提供了3個和淡入淡出相關的函數(shù)：
·fadeIn()使得一個隱藏的元素淡入視野。首先，元素占據(jù)的空間出現(xiàn)在頁面上(這可能意味著頁面上的其他元素要移走)；然后，元素逐漸地變得可見。如果元素在頁面上已經(jīng)可見，則這個函數(shù)沒有任何效果。如果沒有提供一個速度值，元素使用“常規(guī)”設置來淡入(400毫秒)。
·fadeOut()通過使得一個可視的元素像幽靈般地淡出視線來隱藏它。如果元素在頁面上已經(jīng)隱藏，這個函數(shù)沒有任何效果，這和fadeIn()函數(shù)一樣。如果沒有提供一個速度值，元素以400毫秒的速度淡出。
·fadeToggle()組合了淡入和淡出的效果。如果該元素當前是隱藏的，它會淡入視線中；如果它當前是可見 的，該元素會淡出視線?？梢允褂眠@個函數(shù)讓一個提示框出現(xiàn)在頁面上或從頁面消失。例如，假設有一個按鈕，其上顯示單詞“instructions”。當訪 問者單擊該按鈕的時候，帶有說明的一個div將淡入視線；再次單擊該按鈕，將會使說明淡出視線。要讓該提示框每半秒鐘淡入或淡出一次，可以這樣編寫代碼：
$('#button').click(function(){
$('#instructions').fadeToggle(500);
})；//end click
·fadeTo()的工作方式和其他兩個效果函數(shù)略有不同。它把圖像淡化到一定的透明度。例如，可以讓圖像淡化到半透明。和其他效果不同，必須提供一個速度值。此外，還提供0～1之間的一個值來表示元素的透明度。例如，要把所有的段落淡化到75%的透明度，可以這樣編寫代碼：
$('p').fadeTo('normal'，.75);
這個函數(shù)改變了一個元素的透明度，而不管這個元素是可見的還是不可見的。例如，假設要把當前隱藏的一個元素淡化到50%的透明度。然后，如果使用 show()或fadeIn()顯示該元素，它會以50%的透明度顯示。同樣，如果隱藏一個半透明的元素，然后再顯示它，它的透明度設置還是會恢復。
相關文章
基于jquery的無刷新分頁技術(shù)，需要的朋友可以參考下。2011-06-06
JQuery居然沒有操作cookie相關的函數(shù)，搜了下官方有個cookie的插件。2010-04-04
jQuery實現(xiàn)為動態(tài)添加的元素綁定事件實例分析
這篇文章主要介紹了jQuery實現(xiàn)為動態(tài)添加的元素綁定事件,結(jié)合實例形式分析了jQuery常見的事件綁定相關操作技巧與注意事項,需要的朋友可以參考下2018-09-09
jQuery Ajax和getJSON獲取后臺普通json數(shù)據(jù)和層級json數(shù)據(jù)用法分析
這篇文章主要介紹了jQuery Ajax和getJSON獲取后臺普通json數(shù)據(jù)和層級json數(shù)據(jù)用法,結(jié)合實例形式分析了jQuery基于ajax操作json格式數(shù)據(jù)的相關技巧,需要的朋友可以參考下2016-06-06
jquery動態(tài)加載圖片數(shù)據(jù)練習代碼
這里我只是隨便做了下，上面是照片列表和兩個按鈕，單擊小圖片下面顯示大圖片，當點擊按鈕時可以查看下一頁，上一頁的圖片。2011-08-08
這篇文章主要給大家分享了一段基于jquery實現(xiàn)等比縮放圖片的代碼，非常的實用，這里推薦給大家2014-12-12
jquery實現(xiàn)鼠標滑過后動態(tài)圖片提示效果實例
這篇文章主要介紹了jquery實現(xiàn)鼠標滑過后動態(tài)圖片提示效果,涉及jquery鼠標事件及頁面元素的動態(tài)操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
這篇文章主要介紹了jQuery中:lt選擇器用法,實例分析了:lt選擇器的功能、定義及匹配小于指定索引值元素的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2014-12-12
下面小編就為大家?guī)硪黄獪\談jQuery添加的HTML,JS失效的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
jQuery中hover方法搭配css的hover選擇器,實現(xiàn)選中元素突出顯示方法
下面小編就為大家?guī)硪黄猨Query中hover方法搭配css的hover選擇器,實現(xiàn)選中元素突出顯示方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-05-05