0
0
coldplay.xixi
发布时间：2020-11-27 10:55:12
|4598人浏览过
|来源于php中文网
原创
jquery实现淡入淡出效果的方法：首先新建文本文档，并引入jquery；然后使用方法【fadeIn()】淡入已隐藏的元素；最后使用方法【fadeOut()】淡出可见的元素。
本教程操作环境：windows7系统、jquery3.2.1版，Dell G3电脑。
jquery实现淡入淡出效果的方法：
1、新建文本文档，用于代码展示和书写，如图所示；
2、创建两个div，id为div1，div2，如图所示；
3、引入jquery.js，接下来要用到，如图所示；
4、fadeIn()方法，可以淡入已隐藏的元素，如图所示；
5、fadeOut()方法，可以淡出可见的元素，如图所示；
6、fadeToggle()方法，如果隐藏，则淡入，如果可见，则淡出；
7、fadeTo("slow",0.4)，如图所示，可以渐变为给定的不透明度
相关学习推荐：javascript视频教程
相关文章
如何为树形菜单（TreeView）添加展开/收起动画与加载提示效果
如何为 Treeview 菜单添加展开/收起动画与加载状态效果
Rails 7 中非模块化第三方 JS 库的正确集成方案
Rails 7 中非模块化第三方 JS 库的正确引入方式
jQuery .each() 遍历失效？警惕 data-* 属性名大小写陷阱
相关标签:
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
