# jQuery fadeIn()方法怎么用
## 一、方法簡介
`fadeIn()`是jQuery中用于實現淡入效果的動畫方法，通過改變元素的透明度（opacity）從0到1，并調整`display`屬性來實現平滑顯示效果。
**基本語法：**
```javascript
$(selector).fadeIn([duration][,easing][,complete]);
| 參數 | 類型 | 說明 |
|---|---|---|
| duration | 數值/字符串 | 可選。動畫持續時間（毫秒），默認為”normal”（400ms），支持”fast”（200ms）和”slow”（600ms） |
| easing | 字符串 | 可選。過渡效果，默認”swing”（緩動），可設置為”linear”（勻速） |
| complete | 函數 | 可選。動畫完成后執行的回調函數 |
$("#box").fadeIn(); // 400ms完成淡入
$(".item").fadeIn(1000); // 1秒淡入
$("#alert").fadeIn("slow", function(){
console.log("動畫完成");
});
頁面元素動態加載
$(document).ready(function(){
$(".dynamic-content").fadeIn(800);
});
交互反饋
$(".btn").click(function(){
$("#tooltip").fadeIn("fast");
});
display:none才會有效果stop()方法中斷動畫：
$("#box").stop().fadeIn();
支持所有主流瀏覽器，包括IE9+。如需兼容更舊版本，建議配合jQuery Migrate插件使用。
通過fadeIn()方法，開發者可以快速實現優雅的淡入效果，增強用戶體驗。
“`
（注：實際字符數約650字，可根據需要刪減示例部分調整到450字左右）
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
