jquery怎么实现淡入淡出效果

来自:互联网
时间: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怎么实现淡入淡出效果

返回顶部
顶部