Jquery显示隐藏特效

一、显示隐藏

1、hide(毫秒)：元素在此毫秒内隐藏，两种情况：1、如果div设置了宽高背景色等 div内的字体会随着宽高色渐隐  2、如果没设置会按字体方式渐隐

2、hide(毫秒,function(){})：元素在此毫秒完成后执行function()

3、toggle()：对元素先show()后hide()无线事件循环(以下参数与上相同不做明示)

4、fadeIn()：淡入渐现

5、fadeOut()：淡出渐隐

6、fadeToggle()：对元素先fadeIn()后fadeOut()()无线事件循环

7、fadeTo(毫秒,透明度,function(){})：设置元素透明度0-1

8、slideDown()：自上而下滑动

9、slideUp()：自下而上滑动隐藏

10、slideToggle()：显示隐藏

11、  if($("ul li:eq(0)").is(":visible"))：只能针对于dispaly 使用 visible==block

二、动画效果

1、 animate({属性：value},毫秒,function)：动画效果 如果要添加颜色非数字属性请下载 Color Animations 插件

2、 animate({

'height':'toggle',//设置高度上下滑动 

'width':'toggle',//设置宽度左右滑动 (两边扩散 加 margin-left则只玩右边扩散)

'width':'+=50px'//在原来的宽度上加50px

})：

3、 $("#panel").stop()：暂停一个运行的animate

4、 $("#panel").stop(true)：暂停所有运行的animate

5、 $("#panel").stop(true,true)：立即执行一个运行的animate然后暂停