关键词

效果

使用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()两个函数,可以实现淡入淡出效果,可以设置淡入淡出的速度,可以实现一些简单的动画效果,比如在页面上显示某个元素,或者隐藏某个元素。

本文链接:http://task.lmcjl.com/news/9544.html

展开阅读全文