本文实例讲述了js实现完全语义化的网页选项卡效果代码。分享给大家供大家参考。具体如下：
这是一款完全语义化的js网页选项卡，包括了两种用法，一种是点击式，另一种是滑动门式，具体用哪一种要根据你自己的需要了，滑动门是在鼠标经过时触发，选项卡则是需要鼠标点击的。
运行效果截图如下：
在线演示地址如下：
http://demo.jb51.net/js/2015/js-yyh-web-tab-cha-nav-codes/
具体代码如下：
语义化的网页选项卡mouseover 美国 我都不怕 朝鲜 谁都怕我 某国 我谁都怕click orange 桔红
blue 蓝色
green 绿色
希望本文所述对大家的javascript程序设计有所帮助。