jQuery 效果 fadeIn() 方法
jQuery 效果 fadeIn() 方法
fadeIn() 方法使用淡入效果來顯示被選元素,假如該元素是隱藏的。
1. 語法
$(selector).fadeIn(speed,callback)
參數 | 描述 |
---|---|
speed |
可選。規定元素從隱藏到可見的速度。默認為 "normal"。 可能的值:
在設置速度的情況下,元素從隱藏到可見的過程中,會逐漸地改變其透明度(這樣會創造淡入效果)。 |
callback |
可選。fadeIn 函數執行完之后,要執行的函數。 如需學習更多有關 callback 的內容,請訪問我們的 jQuery Callback 這一章。 除非設置了 speed 參數,否則不能設置該參數。 |
2. 范例
使用淡入效果來顯示一個隱藏的 <p> 元素:
$(".btn2").click(function(){ $("p").fadeIn(); });
3. 提示和注釋
提示:如果元素已經顯示,則該效果不產生任何變化,除非規定了 callback 函數。
注釋:該效果適用于通過 jQuery 隱藏的元素,或在 CSS 中聲明 display:none 的元素(但不適用于 visibility:hidden 的元素)。
4. - 范例
相關文章
- jQuery 教程
- jQuery 選擇器
- jQuery 事件
- jQuery Callback 函數
- jQuery 添加元素
- jQuery 尺寸
- jQuery 遍歷 兄弟
- jQuery 遍歷 過濾
- jQuery AJAX 簡介
- jQuery 參考手冊 效果
- jQuery 事件 click() 方法
- jQuery 事件 error() 方法
- jQuery 事件 pageX 屬性
- jQuery 事件 keydown() 方法
- jQuery 事件 keypress() 方法
- jQuery 事件 mouseleave() 方法
- jQuery 事件 mousemove() 方法
- jQuery 事件 mouseover() 方法
- jQuery 事件 scroll() 方法
- jQuery 事件 undelegate() 方法