1. 淡入效果(fadeIn()):
$("#myElement").fadeIn(); // 淡入效果,元素逐渐变得可见
上述代码将选中的元素(ID 为 "myElement" 的元素)进行淡入效果,默认的动画速度是默认值,可以自定义动画速度,例如:
$("#myElement").fadeIn(1000); // 在1秒内淡入元素
2. 淡出效果(fadeOut()):
$("#myElement").fadeOut(); // 淡出效果,元素逐渐变得不可见
同样,可以自定义淡出效果的动画速度:
$("#myElement").fadeOut(2000); // 在2秒内淡出元素
3. 切换淡入淡出状态(fadeToggle()):
$("#myElement").fadeToggle(); // 如果元素可见,则淡出;如果元素隐藏,则淡入
4. 自定义透明度(fadeTo()):
fadeTo() 方法可以设置元素的透明度到指定值,产生淡入淡出的效果:
$("#myElement").fadeTo(1000, 0.5); // 在1秒内将元素透明度设置为0.5
上述示例中的 1000 表示动画的持续时间,单位是毫秒,0.5 表示目标透明度。
这些淡入淡出效果是通过修改元素的透明度(opacity)属性来实现的,从而产生平滑的过渡效果。根据需要,你可以选择不同的方法来满足你的动画需求。
转载请注明出处:http://www.zyzy.cn/article/detail/12873/jQuery