jQuery知识点回顾 动画

1基本动画效果

show([speed,[easing],[fn]])：显示选择的元素

hide([speed,[easing],[fn]])：隐藏选择的元素

toggle([speed,[easing],[fn]])：切换选择的元素

（speed表示速度；  esaing 表示动画效果两个默认值 linear：线性的 swing旋转   ；fn 表示回调函数）

2滑动效果

slideDown([speed,[easing],[fn]])：向下滑动展示元素
slideUp([speed,[easing],[fn]])：向上滑动隐藏元素
slideToggle([speed,[easing],[fn]])：通过滑动方式展示和隐藏元素

3淡入淡出效果

fadeIn([[speed],[easing],[fn]])：通过设置透明度方式对指定元素淡入效果实现
fadeOut([[speed],[easing],[fn]])：通过设置透明度方式对指定元素淡出效果实现
fadeTo([[speed],opacity,[easing],[fn]])：把指定元素的透明度值，设置到指定的值
fadeToggle([[speed],[easing],[fn]])：切换指定元素的淡入淡出效果

4自定义动画

animate(params,[speed],[easing],[fn])

params：需要变化的一组属性集合，格式JSON

注意：属性名必须要驼峰式，如：marginLeft替换margin-left  并且不支持颜色的渐变

5jquery鼠标事件

1

offset()方法取值：获取当前元素的left和top值：
$("").offset().left
 
$("").offset().top

获取相对于窗口的left和top值
2

offset()方法设值
offset({left:值，top:值})
只要给元素设置了offset，则当前元素自动设置为了relative）

3

postion()方法取值：获取当前元素的left和top值

$("").postion().left

$("").postion().top（父级元素必须要有定位，相对于父级元素取值）