jquery效果

1.显示和隐藏

hide():隐藏元素

show():显示元素

toggle():显示被隐藏的匹配元素，并隐藏匹配的显示着的元素

hide([speed],[callback]):按照speed速度隐藏元素，speed可以为slow、fast或毫秒,callback为当隐藏完成后所执行的函数。

show([speed],[callback]):按照speed速度显示元素

toggle([speed],[callback])：按照speed速度切换元素的显隐

2.淡入和淡出

fadeIn([speed],[callback])：淡入已隐藏的元素

fadeOut([speed],[callback])：淡出选中的元素

fadeToggle([speed],[callback])：切换元素的淡入或淡出

fadeTo(speed,opacity,[callback]):允许元素渐变为不同透明度，speed，opacity必需，且opacity的值在0-1之间

3.滑动

slideDown([speed],[callback]):向下滑动元素

slideUp([speed],[callback]):向上滑动元素

slideToggle([speed],[callback]):切换元素滑动

4.动画

$(selector).animate({params}[,speed][,cllback]);为元素创建自定义动画。

默认情况下，所有的html元素都是position:static;位置是无法移动的，我们可以通过left,right,top.bottom来控制元素的显示位置。元素默认位置的坐标即为(0,0)

animate()方法是通过css属性来实现动画效果的，params是必须的，可以包含多个属性键值对。但是带有中划线的css样式应该去掉中划线，除第一个单词外，其他单词首字母大写，如下：

$("button").click(function(){
  $("div").animate({
    left:'250px',
    opacity:'0.5',
    height:'150px',
    width:'150px'，
    boderColor:'red'  //这里就去掉了border-color的中划线
  });
});

animate中的属性值可以是相对的，其值可以相对于元素当前值去设置，只需在相对值前使用+=或-=，例如：

$("button").click(function(){
  $("div").animate({
    left:'250px',
    height:'+=150px',  //相对当前高度增加150px
    width:'+=150px'    //相对当前宽度增加150px
  });
});

animate中的属性值也可以是show，hide，toggle，分别表示属性显示，隐藏，切换显隐

当使用多个aniname()方法时或组成队列，元素将依次执行每一个动画。例如：

$("button").click(function(){
	  var div=$("div");
	  div.animate({left:'100px'},"slow");
	  div.animate({fontSize:'3em'},"slow");
});

div元素将移动到距离初始位置右边100px的位置，然后字体放大3倍。

5.动画或效果停止

stop():强行停止动画或效果，无论他们有没有执行完，都会被暂停。暂停的只是当前正执行的动画或效果，对排在队列中的动画或效果并没有影响，滑动，淡入淡出，自定义动画都能被暂停。

stop([stopAll][,goToEnd]):强行停止动画或效果.

    stopAll默认为false，表示是否清除所有动画效果，包括在队列中排队的动画和效果。

    goToEnd默认为false，表示是否立即完成当前动画。