淡入淡出

淡入淡出是 jQuery 中常用的视觉动画方式，用于实现元素的透明渐变效果，提升用户界面表现力。

常用淡入淡出方法

fadeIn([speed, callback])

使隐藏元素逐渐显示出来。

$("#box").fadeIn(1000);

fadeOut([speed, callback])

使可见元素逐渐隐藏。

$("#box").fadeOut(1000);

fadeToggle([speed, callback])

根据当前状态切换淡入淡出。

$("#box").fadeToggle();

fadeTo(speed, opacity, callback)

将元素透明度渐变至指定值。

$("#box").fadeTo(1000, 0.3); // 1秒变为30%透明

示例代码

loading