1、准备一张图片来实现淡入淡出的效果,然后放置到对应的文件夹。
2、接着把放置有jQuery的路径引入即可,这个锭缠愁颊路径根据自己情况来定哟。然后把图片放进页面,开始实现要的淡入淡出效果。
3、获取图片,然后设置图片的事件。比如我是点击时图片就会淡出,所以可以用到click哦。
4、如图,图片本身可见,所以点击时让图片淡出,即用fadeOut淡出。
5、接着让淡出的图片再次淡入,就是fadeIn淡入。
6、这样联动之后就有淡入淡出效果,可以添加时间参数,设置淡入淡出时间长度。
7、如图,我的图片现在还没有淡出,清晰度高,点击点击让它淡出。
8、现在是淡出状态中的图片,慢慢的模糊和消失了呢。