Jquery中使用show()与hide()方法动画显示和隐藏图片_jquery
程序员文章站
2022-05-18 18:01:46
...
(1)功能描述
在页面中单击“显示”连接,通过show()方法以动画的方式显示一幅图片,同时在方法中执行一个回调函数,用于改变图片的边框样式;单击已显示的图片时,通过hide()以动画的方式隐藏该图片。
(2)实现代码
无标题文档 显示
动画方式慢慢显示
jquery hide(),show()方法用法详解
语法
$(selector).hide(speed,callback)
speed带有三个效果参数 •毫秒 (比如 1500)
•"slow"
•"normal"
•"fast"
在设置速度的情况下,元素从可见到隐藏的过程中,会逐渐地改变其高度、宽度、外边距、内边距和透明度.
例
This is a paragraph.
这个就是超简单的显示与隐藏了,如果要有效果我们只要在hide或show中带时间或参数即可
最后总结一个show,hide实现的显示隐藏效果
无标题文档 div里内容的显示隐藏特效
以上内容就是小编跟大家分享的Jquery中使用show()与hide()方法动画显示和隐藏图片,希望大家喜欢。