mouseover : 鼠標(biāo)經(jīng)過事件
mouseout : 鼠標(biāo)離開事件
使用下邊得更好
mouseenter : 鼠標(biāo)進(jìn)入事件
mouseleave : 鼠標(biāo)離開事件
jQuery特殊的選擇器:
1、案例隔行變色恒序,采用jQuery選擇器稼钩,自動(dòng)選擇奇數(shù)和偶數(shù)進(jìn)行匹配
<li>第一個(gè)</li>
<li>第二個(gè)</li>
$("li:even").css("backgroundColor:red") //偶數(shù)的變?yōu)榧t色
$("li:odd").css("backgroundColor:red") //奇數(shù)數(shù)的變?yōu)榧t色
$("li:first").css("fontSize","32px") // ? ?li里的第一個(gè)字體大小變?yōu)?2px
$("li:eq(3)").css("fontSize","32px") ?第三個(gè)
$("li:gt(3)").css("fontSize","32px") ?大于3的變化
案例:下拉菜單:
手風(fēng)琴案例!博肋!
淘寶精品案例
左邊li (9個(gè)) ?中間li (18個(gè)) ? 右邊li(9個(gè))