如何使用jquery实现淡入淡出效果

2025-03-13 00:32:02

1、新建文本文档,用于代码展示和书写,如图所示;

如何使用jquery实现淡入淡出效果

2、创建两个div,id为div1,div2,如图所示;

如何使用jquery实现淡入淡出效果

3、引入jquery.js,接下来要用到,如图所示;

如何使用jquery实现淡入淡出效果

4、fadeIn()方法,可以淡入已隐藏的元素,如图所示;

如何使用jquery实现淡入淡出效果

5、fadeOut()方法,可以淡出可见的元素,如图所示;

如何使用jquery实现淡入淡出效果

6、fadeToggle()方法,如果隐藏,则淡入,如果可见,则淡出;

如何使用jquery实现淡入淡出效果

7、fadeTo("slow",0.4),如图所示,可以渐变为给定的不透明度

如何使用jquery实现淡入淡出效果
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢