如何用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怎么删除select选项?

jQuery如何获取隐藏元素的高度?

如何判断一个对象是否为jQuery对象

jQuery弃用的函数有哪些?

如何用jQuery选择节点下的第几个子元素

jQuery怎么样判断checkbox是否选中

jQuery怎么跳转页面

jQuery版本号如何隐藏

jQuery如何获取标签内容

ajax 调用错误如何处理

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




打赏

取消

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

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

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

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

评论

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