基于jquery的tab切换 js原理_jquery
程序员文章站
2022-05-03 12:27:25
...
html代码:
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.');
}
});
});
复制代码 代码如下:
- 个人资料
- 帐号维护
- 在来个
- 11111111111111111111111111111111
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.');
}
});
});
效果图:
上一篇： 万能的分页类