css配合Java脚本语言实现标签标签切换效果

本文给大家介绍如何用半铸钢钢性铸铁(铸造半钢)实现二维码扫描的效果，有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。

这是超文本标记语言代码

p id='main '！-标题- ul id='tab' li class='显示tab1/li litab2/li litab3/li /ul！-内容-p id=' contents ' ul style=' display : block；-默认显示第一个跨度模块一/span /ul ul span模块二/span /ul ul span模块三/span /ul /p /pCSS样式

李{列表式：无；} # main { width : 600 pxmargin : 200 px汽车；} #tab { overflow:隐藏；背景技术： # 000;border: 1px固体# 000;} #tab li {左侧浮动：color : # fffh x8 : 30pxcursor :指针；线高： 30pxpadd : 0 20px } # tab Li . show { color : # 000背景# ddd} #内容{ border: 1px固体# 000;边框-顶部-宽度： 0;} # contents ul {行高： 150 pxdisplay : none margin : 0 30pxpad : 10px 0；}下面是射流研究…了

$(function(){ window。onload=function(){ var lis=$(' # tab Li ')；var uls=$(' # contents ul ')；利斯。点击(function(){ var Li _ selected=$(this)；//选中的里分类var num=Li _ selected。index()；//相对于同胞元素的位置利斯。移除类()；//清空低收入国家属性李_选中。addCLaSS(' showed ')；//选中里添加属性uls.css('display '，' none ')；//隐藏所有保险商实验所标签uls.eq(num).css('display '，' block ')；//展示选中的里所对应的保险商实验所内容}) }});效果图：