如何使用jquery实现淡入淡出效果

 时间:2024-09-20 17:34:45

淡入幕契箔熔淡出效果,其实也就是显示和隐藏的效果,不过是赋予了动态效果,更加生动而已,下面我们就来看一下如何使用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实现淡入淡出效果

myeclipse版本怎么查看 谷歌浏览器怎么设置网站是否能调用上网位置信息 jquery如何实现鼠标放上div时改变其大小 Putty怎么设置默认打开小键盘 jquery如何删除子元素
热门搜索
福田轻卡报价及图片 中秋图片祝福图片大全 v6电影 李小璐不雅图片 变形金刚电影