mouseover : 鼠标经过事件

mouseout : 鼠标离开事件

使用下边得更好

mouseenter : 鼠标进入事件

mouseleave : 鼠标离开事件

jQuery特殊的选择器：

1、案例隔行变色，采用jQuery选择器，自动选择奇数和偶数进行匹配

<li>第一个</li>

<li>第二个</li>

$("li:even").css("backgroundColor:red") //偶数的变为红色

$("li:odd").css("backgroundColor:red") //奇数数的变为红色

$("li:first").css("fontSize","32px") //    li里的第一个字体大小变为32px

$("li:eq(3)").css("fontSize","32px")  第三个

$("li:gt(3)").css("fontSize","32px")  大于3的变化

案例：下拉菜单：

手风琴案例！！

淘宝精品案例

左边li （9个）  中间li （18个）   右边li（9个）