用html编写标签切换效果,JS实现标签页切换效果

本文实例为大家分享了JS标签页切换的具体代码，供大家参考，具体内容如下

resize

*{margin:0;padding:0;}

#wrap{width:500px; margin:10px auto; }

#tag{ width:498px; overflow:hidden; background:#000; border:1px solid #000; }

#tag li{list-style:none; float:left; margin-right:0px; color:white; padding:5px 20px; cursor: pointer;}

#tag .current{ color:#000; background:#ccc; }

#tagContent div{ width:498px; border:1px solid #000; border-top:none; height:300px; display:none; }

• 标签一
• 标签二
• 标签三
• 标签4
• 标签5

内容一
内容一

内容二
内容二

内容三
内