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

(1)功能描述

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

(2)实现代码

  body{font-size:13px}
  img{display:none;cursor:pointer}






  显示
  

动画方式慢慢显示

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

语法

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

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

例

This is a paragraph.
Hide
Show

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

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

div里内容的显示隐藏特效

 
 
 
 

    1.测试例子

    2.测试例子

    3.测试例子

    4.测试例子

    5.测试例子

    6.测试例子

    7.测试例子

    8.测试例子

    9.测试例子

    0.测试例子

  

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