jquery如何完成原素全自动消退又标注

lxf2023-03-16 16:50:01

方式:1、运用fadeOut()方式使原素全自动消退并实施特定函数公式,词法为“$(原素).fadeOut(消退速度,特定函数公式;)”;2、在规定函数中运用fadeIn()方式使原素显现出来,词法为“$(原素).fadeIn(标注的速率)”。

jquery如何完成原素全自动消退又标注

实例教程作业环境:windows7系统软件、jquery1.10.0版本号、Dell G3计算机。

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

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

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

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

jquery如何完成原素全自动消退又标注

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

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

jquery如何完成原素全自动消退又标注

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

jquery如何完成原素全自动消退又标注

jquery如何完成原素全自动消退又标注

汇总:

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

2、在js中,根据id得到img目标,应用fadeOut()方式实现图片3秒渐渐消失,照片消失之后,再执行其调用函数function。在调用函数function内,应用attr()方式改变图片的路线,换成另一张图片,再用fadeIn()方式让照片渐渐地显现出来 。

有关视频教学强烈推荐:jQuery视频教学

以上就是关于jquery如何完成原素全自动消退又标注的具体内容,大量欢迎关注AdminJS其他类似文章!