js实现的Easy Tabs选项卡用法实例

本文实例讲述了js实现的Easy Tabs选项卡用法。分享给大家供大家参考。具体如下：

本网页选项卡是Easy Tabs选项卡插件中的一个演示实例代码，是一个最简单的选项卡样式，稍带点动画色彩，希望大家喜欢哦。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-Easy-Tabs-cha-menu-codes/

具体代码如下：

.menu {background-color:#ececec; color:#272727; border-bottom:1px solid #d7d7d7; height:23px; font:11px Arial, Helvetica, sans-serif;}
.menu ul {margin:0px; padding:0px; list-style:none; text-align:center;}
.menu li {display:inline; line-height:23px;}
.menu li a {color:#000000; text-decoration:none; padding:4px 5px 6px 5px; border-left:1px solid #ececec; border-right:1px solid #ececec;}
.menu li a.tabactive {border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; background-color:#CCCCCC; font-weight:bold; position:relative;}








Tab 1 

Tab 2 
Tab 3 

Tab 4 






Tabcontent 1




Tabcontent 2




Tabcontent 3




Tabcontent 4

希望本文所述对大家的Javascript程序设计有所帮助。