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

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

吉林网站建设公司创新互联公司,吉林网站设计制作，有大型网站制作公司丰富经验。已为吉林上1000+提供企业网站建设服务。企业网站搭建\成都外贸网站建设要多少钱，请找那个售后服务好的吉林做网站的公司定做！

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

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实现淡入淡出效果的方法

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

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容