jQuery事件和动画

基础事件有：
载入事件，鼠标事件，键盘事件，表单事件，window事件

鼠标事件：（与JavaScript不同的是，许多方法少了“on”开头）
click    被点击
mouseover()    鼠标指针移过时
mouseout()    鼠标指针移出时
mouseenter()    鼠标指针进入时
mouseleave()    鼠标指针离开时

mouseover与mouseenter类似，但也有差别
mouseover：鼠标移入被选元素时，mouseover被触发，鼠标在被选元素上来回移动时，mouseover也会被触发
mouseenter：鼠标移入被选元素时，mouseenter被触发，鼠标在被选元素上来回移动时，mouseenter不会被触发

键盘事件：
keydown        按键被按下时
keyup        按键被释放时
keypress    产生可打印的字符时

绑定事件与移除事件：
绑定：bind(type,[data],fn)
bind(事件类型，可选额外数据，处理函数）
例子：
$("li").bind("mouseover",function(){
    $("span").show;
})

绑定多个事件：
bind(type:fn,type2:fn2...)
例子：
$("li").bind(
    mouseover:function(){
        $("span").show;
    },
    mouseout:function(){
        $("span").hide;
    }
)

移除事件：
unbind(type,fn);

复合事件：
hover(enter,leave)
模拟鼠标移入移出事件（mouseenter和mouseout）
移入则执行第一个函数，移除则执行第二个函数
例子：
$("li").hover(
    function(){.事件1..},
    function(){.事件2..}
)
toggle(fn1,fn2,fn3....)
连续点击事件
当第一次点击，则执行第一个事件，第二次则执行第2个事件。。。。
toggle不带参数时，类似于show和hide的切换事件，当处于隐藏时，执行则显示，
当处于显示时，则隐藏

jQuery动画：
1.控制元素显示和隐藏
控制显示：
$(selector).show([speed],[callback])
参数说明：
speed：可选，规定元素从隐藏到完全可见的速度
可能值：毫秒，normal，slow，fast
callback：可选，slow执行完毕后要执行的函数

控制隐藏：
$(selector).hide([speed],[callback])

2.改变元素透明度：
淡入：（从隐藏到完全可见）
$(selector).fadeIn([speed],[callback])

淡出：（从可见到隐藏）
$(selector).fadeOut([speed],[callback])

3.改变元素高度：
控制元素从上往下显示：
$(selector).slideUp([speed],[callback])
控制元素从下往上显示：
$(selector).slideDown([speed],[callback])

4.自定义动画：
$(selector).animate({params},speed,callback)
parms:必须，定义形成动画的CSS属性
speed和callback可选