DHTML JavaScript Tabbar samples

Auto reSize

Try to resize window - tabbar will auto-adjust his width


<table style='table-layout:fixed' width="100%" height="50%"> <tr> <td> <div id="a_tabbar" style="width:100%; height:100%; overflow:hidden;"/> </td> </tr> </table> <script type="text/javascript"> tabbar=new dhtmlXTabBar("a_tabbar","top"); tabbar.setImagePath("../imgs/"); tabbar.setSkinColors("#FCFBFC","#F4F3EE","#FCFBFC"); tabbar.addTab("a1","Tab 1-1","100px"); tabbar.addTab("a2","Tab 1-2","100px"); tabbar.addTab("a3","Tab 1-3","100px"); tabbar.setTabActive("a1"); tabbar.enableAutoReSize(true); </script>

Go to the dhtmlxTabbar main page or Close this page