jquery如何让图片慢慢消失,再显示另一张图片?

 时间:2026-02-14 04:28:09

1、新建一个html文件,命名为test.html,用于讲解jquery如何让图片慢慢消失,再自动显示另一张图片。

jquery如何让图片慢慢消失,再显示另一张图片?

2、在test.html文件中,使用img标签创建一张图片,并设置其id为mypic。

jquery如何让图片慢慢消失,再显示另一张图片?

3、在js标签中,通过ready()方法在页面加载完成时,执行function函数。

jquery如何让图片慢慢消失,再显示另一张图片?

4、在function函数内,通过id获得img对象,使用fadeOut()方法实现图片3秒内慢慢消失,图片消失后,再执行其回调函数function。

jquery如何让图片慢慢消失,再显示另一张图片?

5、在回调函数function内,使用attr()方法改变图片的路径,替换成另一张图片,再使用fadeIn()方法让图片慢慢显示出来 。

jquery如何让图片慢慢消失,再显示另一张图片?

6、在浏览器打开test.html文件,查看实现的效果。

jquery如何让图片慢慢消失,再显示另一张图片?

jquery如何让图片慢慢消失,再显示另一张图片?

1、使用img标签创建一张图片,并设置其id为mypic。


2、在js中,通过id获得img对象,使用fadeOut()方法实现图片3秒内慢慢消失,图片消失后,再执行其回调函数function。在回调函数function内,使用attr()方法改变图片的路径,替换成另一张图片,再使用fadeIn()方法让图片慢慢显示出来 。
  • 扇贝单词怎么开启夜间模式
  • 单机版王者荣耀怎么玩
  • Axure如何制作带提示信息的输入框
  • Quartus II 15.x 环境搭建
  • 如何用python做一个视频搜索+播放器
  • 热门搜索
    数学知识手抄报 消防安全手抄报知识 小学生环保手抄报资料 我的一本课外书手抄报 手抄报装饰图案 中华文化手抄报 精美手抄报 环保的手抄报图片 关于父母爱的手抄报 数学手抄报内容六年级