当前位置:Gxlcms > JavaScript > Jquery中使用show()与hide()方法动画显示和隐藏图片_jquery

Jquery中使用show()与hide()方法动画显示和隐藏图片_jquery

时间:2021-07-01 10:21:17 帮助过:3人阅读

(1)功能描述

在页面中单击“显示”连接,通过show()方法以动画的方式显示一幅图片,同时在方法中执行一个回调函数,用于改变图片的边框样式;单击已显示的图片时,通过hide()以动画的方式隐藏该图片。

(2)实现代码

动画方式慢慢显示

这里写图片描述

jquery hide(),show()方法用法详解

语法

$(selector).hide(speed,callback)
speed带有三个效果参数 •毫秒 (比如 1500)
•"slow"
•"normal"
•"fast"

在设置速度的情况下,元素从可见到隐藏的过程中,会逐渐地改变其高度、宽度、外边距、内边距和透明度.

这个就是超简单的显示与隐藏了,如果要有效果我们只要在hide或show中带时间或参数即可

最后总结一个show,hide实现的显示隐藏效果

以上内容就是小编跟大家分享的Jquery中使用show()与hide()方法动画显示和隐藏图片,希望大家喜欢。

人气教程排行