当前位置:Gxlcms > JavaScript > 基于jquery的tab切换js原理_jquery

基于jquery的tab切换js原理_jquery

时间:2021-07-01 10:21:17 帮助过:4人阅读

html代码:
代码如下:


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

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

效果图:


打包下载地址

人气教程排行