实现鼠标滑过时tabs内容切换实现鼠标滑过时tabs内容切换

这是一篇严肃的笔记，上代码：

//html部分

menu_1 menu_2 menu_3 content1 content2 content3

//必要的css，其他的自己调

.current{display:block;
}

//js部分

//获取每个内容 var tabBox=$("div.tab_box").children("div"); $("#main_pro .tab_menu li").mouseover(function(){ var lis=$(this); lis.siblings("li") .removeClass("current") .end() .addClass("current"); tabBox.siblings("div") .addClass("hide") .end() .eq(lis.index())//根据当前li的index指取得对应的内容 .removeClass("hide"); });

【实现鼠标滑过时tabs内容切换】就这样。