基于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.');
}
});
});

效果图:

打包下载地址