首页 > 编程开发 > JavaScript    日期:2020-11-27 / 来自互联网 / 浏览

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

觉得上面的内容有用吗?快来点个赞吧!

点赞() 我要打赏

温馨提示 : 本站内容来自会员投稿以及互联网,所有源码及教程均为作者总结编辑,请大家在使用过程中提前做好备份,以免发生无法预知的错误,源码类教程请勿直接用于生产环境!

 可能感兴趣的文章