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实现淡入淡出效果的方法内容对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，遇到问题就找创新互联，详细的解决方法等着你来学习!

标题名称：jquery实现淡入淡出效果的方法
URL链接：http://6mz.cn/article/jsipjd.html