
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个)


网友评论