jQuery淡入淡出 —— W3school 详解简单易懂

作者：System 时间：2024年08月17日分类：所有,jquery 字数：620

这篇文章距离上次修改已过449天，其中的内容可能已经有所变动。

在jQuery中，淡入淡出效果可以通过fadeIn()，fadeOut()，fadeToggle()和fadeTo()方法来实现。




$("#btn1").click(function(){
  $("#div1").fadeIn();
});




$("#btn2").click(function(){
  $("#div1").fadeOut();
});




$("#btn3").click(function(){
  $("#div1").fadeToggle();
});




$("#btn4").click(function(){
  $("#div1").fadeTo(3000, 0.4); // 3000毫秒内透明度变为0.4
});

以上代码中，每个方法都被绑定到了一个按钮点击事件上，当按钮被点击时，对应的淡入/淡出效果会被应用到指定的元素上。