如何用jquery让图片逐渐显示出来


本文摘自PHP中文网,作者coldplay.xixi,侵删。

用jquery让图片逐渐显示出来的方法:首先使用img标签创建一个图片,同时创建一个button按钮;然后在函数内获得img对象,使用【fadeIn()】方法,在方法内设置指定的秒数,让图片逐渐显示出来。

本教程操作环境:windows7系统、jquery3.2.1版本、thinkpad t480电脑。

用jquery让图片逐渐显示出来的方法:

1、新建一个html文件,命名为test.html,用于讲解jquery如何让一张图片逐渐显示出来。

195fb8e712be634616dd5736e188cc2.png

2、在test.html文件内,在p标签,使用img标签创建一个图片,并设置图片的id为myimg,主要用于下面通过该id获得img对象。

0e0254de466f9fec15bd3e46fdf357d.png

3、在test.html文件内,设置img标签的css样式,将display设置为none,从而实现图片隐藏不显示。

1c6876ae9baa70adaf50108807c66e2.png

4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“图片逐渐显示”。

阅读剩余部分

相关阅读 >>

jQuery中的on()和click()区别是什么

怎么判断jQuery div是否为空

jQuery如何按name属性选择元素

jQuery怎么删除css样式

jQuery ui有什么用?

jQuery html()方法怎么用

jQuery中的webix是什么

jQuery如何判断是否是数组元素

jQuery怎么获取星期几

如何学习jQuery

更多相关阅读请进入《jQuery》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...