淘宝精品服饰案例

Posted 2021-03-02 pxxdbk

$(function () {
//获取left的li 注册鼠标进入的事件
$("#left>li").mouseover(function () {
//obj.siblings()获取兄弟元素的方法
//现在获取的是obj的所有的兄弟元素
//obj.siblings("li")
//获取的是obj的当前的所有li兄弟元素

//获取当前li的索引
var index=$(this).index();//就是当前li的索引
//当前中间模块中的li的其他的兄弟元素隐藏
$("#center>li:eq("+index+")").siblings("li").hide();
//当前元素显示
$("#center>li:eq("+index+")").show();

});
//获取right的li 注册鼠标进入的事件
$("#right>li").mouseover(function () {
var index=$(this).index()+9;
$("#center>li:eq("+index+")").siblings("li").hide();
//当前元素显示
$("#center>li:eq("+index+")").show();
});
});