欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-05-18 18:01:46
...
(1)功能描述

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

(2)实现代码




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

动画方式慢慢显示

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

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

语法

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

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



This is a paragraph.

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


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




无标题文档

div里内容的显示隐藏特效

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