WWW.lllT.neT

方式:1、运用fadeOut()方式使原素全自动消退并实行特定涵数,英语的语法为“$(原素).fadeOut(消退的速率,特定涵数;)”;2、在特定涵数中运用fadeIn()方式使原素表明出去,英语的语法为“$(原素).fadeIn(表明的速率)”。

本实例教程实际操作自然环境:windows7系统软件、jquery1.10.0版本号、Dell G3电脑上。

jquery如何完成原素全自动消退又表明

在jquery中,可以应用fadeOut()方式,fadeIn()方式完成让照片渐渐地消退,再全自动表明另一张图片。下边例举解读jquery怎么让照片渐渐地消退,再表明另一张图片。

1、新创建一个html文档,取名为test.html,用以解读jquery怎么让照片渐渐地消退,再全自动表明另一张图片。应用img标签建立一张图片,并设定其id为mypic。

在js标识中,根据ready()方式在页面加载过去进行时,实行function函数。

1123.28.png

2、在function函数内,根据id得到img目标,应用fadeOut()方式完成照片3秒内渐渐地消退,照片消退后,再实行其调用函数function。fadeOut() 方式应用退出实际效果来掩藏被选原素,倘若该原素是隱藏的。

在调用函数function内,应用attr()方式改变图片的途径,换成另一张图片,再应用fadeIn()方式让照片渐渐地表明出去 。fadeIn() 方式应用淡入淡出实际效果来表明被选原素,倘若该原素是隱藏的。

1123.29.png

在打开浏览器test.html文档,查询完成的实际效果。

1123.30.png

1123.31.png

汇总:

1、应用img标签建立一张图片,并设定其id为mypic。

2、在js中,根据id得到img目标,应用fadeOut()方式完成照片3秒内渐渐地消退,照片消退后,再实行其调用函数function。在调用函数function内,应用attr()方式改变图片的途径,换成另一张图片,再应用fadeIn()方式让照片渐渐地表明出去 。

有关教程视频建议:jQuery教程视频

以上便是jquery如何完成原素全自动消退又表明的详尽具体内容,大量请关心自学java网其他相关文章!

WWW.lllT.neT

声明:有的资源来自网络转载,版权归原作者所有,如有侵犯到您的权益请联系邮箱:our333@126.com我们将配合处理!

原文地址:jquery如何完成原素全自动消退又表明发布于2021-12-10 11:09:01