基于jquery的tab切换js原理_jquery
时间:2021-07-01 10:21:17
帮助过:4人阅读
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.');
}
});
});
效果图:
打包下载地址