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数据库
  • 热门搜索
    春秋旅游 焦作旅游 合肥旅游攻略 石家庄周边旅游景点 迪拜旅游 张家界自由行旅游攻略 旅游论文 怀化旅游 毕业旅游 韩国旅游攻略