jQuery怎样让图片淡入淡出。

 时间:2024-10-11 22:48:58

1、准备一张图片来实现淡入淡出的效果,然后放置到对应的文件夹。

jQuery怎样让图片淡入淡出。

2、接着把放置有jQuery的路径引入即可,这个锭缠愁颊路径根据自己情况来定哟。然后把图片放进页面,开始实现要的淡入淡出效果。

jQuery怎样让图片淡入淡出。

3、获取图片,然后设置图片的事件。比如我是点击时图片就会淡出,所以可以用到click哦。

jQuery怎样让图片淡入淡出。

4、如图,图片本身可见,所以点击时让图片淡出,即用fadeOut淡出。

jQuery怎样让图片淡入淡出。

5、接着让淡出的图片再次淡入,就是fadeIn淡入。

jQuery怎样让图片淡入淡出。

6、这样联动之后就有淡入淡出效果,可以添加时间参数,设置淡入淡出时间长度。

jQuery怎样让图片淡入淡出。

7、如图,我的图片现在还没有淡出,清晰度高,点击点击让它淡出。

jQuery怎样让图片淡入淡出。

8、现在是淡出状态中的图片,慢慢的模糊和消失了呢。

jQuery怎样让图片淡入淡出。
  • 如何调用外部样式表改变网页背景颜色
  • 如何用css实现一个在一边其余在另一边的布局
  • CSS如何定义表格单元格之间边框的距离?
  • div+css怎样实现圆圈里放个图片
  • 用Eclipse连接mysql数据库
  • 热门搜索
    关于防疫情的手抄报 唐山世园会手抄报 小学生手抄报版面设计图 清明节的手抄报大全 70周年手抄报内容文字 感恩老师手抄报图片 建军节手抄报内容 关于读书的手抄报资料 手抄报边框设计图大全 成语故事手抄报图片