Rumah > hujung hadapan web > tutorial js > jquery 选项卡效果 新手代码_jquery

jquery 选项卡效果 新手代码_jquery

WBOY
Lepaskan: 2016-05-16 18:05:16
asal
1251 orang telah melayarinya

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("
Salin selepas log masuk
"); //给当前得$qqbind的内容上包围
 元素: <br><br>$("#tab_bx").children("div").removeClass("show123").addClass("hide123"); //找到id未tab_bx得div移除显示并隐藏 <br>$("#div"+$(this).attr("name")).addClass("show123"); //找到div并把li中name得值赋给要显示的div <br>}); <br><br>}) <br>
Salin selepas log masuk

html代码
复制代码 代码如下:







Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan