基于jquery库的标签新形式使用

复制代码代码如下： html标题/标题脚本src=' http : js/jquery。量滴js ' type=' text/JavaScript '/脚本语言=' JavaScript '类型=' text/JavaScript ' $(文档)。ready(function(){ $(' ul。菜单李：第一个孩子').添加CLaSS(' current ')；$(“div . content”).find(' div。布局：不是(:第一个孩子).hide()；$('div.content div.layout ').attr('id '，function(){ 0返回识别码('否')$(' div。内容分区。布局').index(this)})；$('ul.menu li ').单击(function(){ var c=$(' ul。菜单Li’)；var指数=c .指数(this)；var p=标识号('否');show(c，index，p)；});函数show(controlMenu，num，prefix){ var content=prefix num；$("#"内容)。兄弟姐妹()。hide()；$("#"内容)。show()；controlMenu.eq(num).addClass('current ').兄弟姐妹()。removeClass(“”当前');};函数idNum(前缀){ var idNum=前缀；返回idNum }；});/script style type=' text/CSS ' * { margin 33600；padding:0 } ul，li { list-style:none } .box { border:1px固体# cccmargin:10px}。标签菜单{ height: 24px位置：相对；边框-底部：1px实心#999 }。标签菜单ul { position : absolutebotom :-1px；高度：26 px} ul。菜单李{左飘：边框-左侧：1px实心# 999;padding:0 12pxcursor :指针} ul。菜单李。当前{边框：1 px实心# 999；边框-底部：无；背景#八十八：25px线高：26 px保证金：0英镑.content { padd :10 px }/style body div class=' box ' div class=' tag menu ' ul class=' menu ' Li label 1.1/Li Li label 1.2/Li Li/ul/div class=' content ' div class=' layout ' information 1.1/div class=' layout ' information 1.3/div class=' layout ' information 1.4/div/div/div