选项卡，不多说了，做不做网络的都知道，我学的比较晚，现在发一个选项卡制作的代码

效果下图所示：

源代码：

html头元http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '/title/title meta name=' keywords ' content=' keywords '/meta name=' description ' content=' description '/head script type=' text/JavaScript ' src=' http : jquery-1。4 .2 .量滴js '/script style type=' text/CSS ' body { font-size 336013 px } ul，li { margin:0划水：0;列表样式： none } #菜单Li { text-align : centerfloat : leftadding :5 px右边距：2 px宽度：50 px光标：指针} #菜单李。tab焦点{ width :50 px字体粗细：加粗；背景-color : # f3f2e 7；border:solid 1px # 666边框-底部：0;z指数：100;位置：相对} #内容{宽度：260 px高度：80 pxpadding:10px背景-color : # f3f2e 7；clear : leftborder : solid 1px # 666位置：相对；top :-1px } #内容Li {显示：无} #内容Li。con focus { display : block }/style body script type=' text/JavaScript ' $(function(){ $(' # menu Li ').每个（函数（索引){ $(这个)).单击(function(){ $('#menu li.tabFocus ').移除CLaSS(' TabFocus ')；$(这个)。添加CLaSS(' TabFocus ')；$('#content li:eq(' index ')').显示()。兄弟姐妹()。hide()；}) });});/script ul id=' menu ' Li class=' TabFocus '家居/li li电器/li li二手/Li/ulul id=' content ' Li class=' ConFocus '这是家居的内容/li li这是电器的内容/li li这是家居的内容/li/ul/body/html以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。