当前位置:Gxlcms > JavaScript > jquery选项卡效果新手代码_jquery

jquery选项卡效果新手代码_jquery

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

jquery代码
代码如下:

$(function(){
//选项卡
var $qqbind=$("#qq_1_1 ul li"); //获取要变化的标题为了设置它背景色变化
$qqbind.click(function(){
var ch=$qqbind.has("pre"); //去找带有pre这个标签的标题;pre是设置她的背景样式下面要用
ch.html(ch.children("pre").html()); //把带有pre标签的去掉
$(this).wrapInner("
"); //给当前得$qqbind的内容上包围
 元素: 

$("#tab_bx").children("div").removeClass("show123").addClass("hide123"); //找到id未tab_bx得div移除显示并隐藏
$("#div"+$(this).attr("name")).addClass("show123"); //找到div并把li中name得值赋给要显示的div
});

})

html代码
代码如下:






");//给当前得$qqbind的内容上包围
 元素: 
$("#tab_bx").children("div").removeClass("show").addClass("hidde");");//找到id未tab_bx得div移除显示并隐藏
$("#div"+$(this).attr("name")).addClass("show");//找到div并把li中name得值赋给要显示的div
alert("#div"+$(this).attr("name"));
});
});

测试







  •  QQ币充值


  • 包月服务




QQ币页面

游戏页面




人气教程排行