使用jQuery实现淡入淡出效果

jQuery实现淡入淡出效果

jQuery提供了两个函数，fadeIn()和fadeOut()，可以实现淡入淡出效果。可以使用它们来实现一些简单的动画效果，比如在页面上显示某个元素，或者隐藏某个元素。

使用方法

• fadeIn()：用于淡入，将元素从隐藏到可见，可以设置淡入的速度，默认为“slow”；
• fadeOut()：用于淡出，将元素从可见到隐藏，可以设置淡出的速度，默认为“slow”。

示例代码

$(document).ready(function(){
    $("button").click(function(){
        $("#div1").fadeIn();
        $("#div2").fadeIn("slow");
        $("#div3").fadeIn(3000);
    });
});

上面的代码中，当点击按钮时，#div1会以默认的速度淡入，#div2会以slow速度淡入，#div3会以3000毫秒的速度淡入。

jQuery提供了fadeIn()和fadeOut()两个函数，可以实现淡入淡出效果，可以设置淡入淡出的速度，可以实现一些简单的动画效果，比如在页面上显示某个元素，或者隐藏某个元素。