jquery实现淡入淡出效果的方法-创新互联

这篇文章主要介绍了jquery实现淡入淡出效果的方法，具有一定借鉴价值，需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

jquery实现淡入淡出效果的方法：首先新建文本文档，并引入jquery；然后使用方法【fadeIn()】淡入已隐藏的元素；最后使用方法【fadeOut()】淡出可见的元素。

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

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

2、创建两个div，id为div1，div2，如图所示；

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

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

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

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

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

感谢你能够认真阅读完这篇文章，希望小编分享jquery实现淡入淡出效果的方法内容对大家有帮助，同时也希望大家多多支持创新互联网站建设公司，，关注创新互联行业资讯频道，遇到问题就找创新互联网站建设公司，，详细的解决方法等着你来学习!