JQuery效果

来源:互联网 发布:手机网站的空间域名 编辑:程序博客网 时间:2024/06/05 04:24

1.显示、隐藏

Hide():隐藏
将高度、宽度、透明度变为0.display为“none”
Show():显示
将高度、宽度、透明度变为初始的CSS设置的时候,display为“block”。
Toggle():切换
如果display为none的时候,点击一下就变成了block;
反之变成none。

2.淡入淡出

fadeIn():淡入
将隐藏的样式通过改变其透明度(透明度从0到1),
让它显示出来。
fadeOut():淡出
将显示的样式通过改变其透明度(透明度从1到0),
让它隐藏起来。
fadeToggle():淡入淡出的切换
如果样式隐藏,则将它显示出来。
如果样式显示,则将它隐藏起来。
fadeTo():固定其透明度(透明度在0到1之间)

3.上滑下滑

Slideup():上滑
将设置的高度从初始变为0,然后隐藏它
SlideDown():下滑
先显示它,然后将设置的高度从0变为初始
slideToggle():上滑与下滑的切换
如果元素是隐藏的话,则先显示,后把它的高度增加;
如果元素是显示的话,先将高度减为0,在隐藏它。