基于jquery的tab切换 js原理_jquery

html代码:

复制代码 代码如下:

• 个人资料
• 帐号维护
• 在来个

11111111111111111111111111111111

22222222222222222222222222222222222

3333333333333333333333333333333333333

js代码:

复制代码 代码如下:

$(function(){
$(".tab>li").mouseover(function(){
$(".tab>li").removeClass("on");
$(this).addClass("on");
var target = $('#' + this.rel);
if (target.size() > 0) {
$('.details > dl').hide();
target.show();
} else {
alert('There is no such container.');
}
});
});

效果图:

打包下载地址