jquery实现淡入淡出效果的方法:

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怎么实现淡入淡出效果

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。