日期:2014-05-17  浏览次数:20817 次

咨询求助tab选项卡问题
现在tab选项卡应用得很广,像那种不规则的选项卡,如这个http://www.pay88.cn的选项卡一样,是不规则的,有没有很好的实现方法,代码少的,兼容个浏览器的,此外,是不是要做什么定位之类的呢?

------解决方案--------------------
就是普通的背景切换,做好五个背景图,选中哪一个就切换到哪一个背景(实际是通过变换bg2样式)
HTML code

 <div class="tab">
      <div id="bg2">
        <div class="tab1" onClick="selectTab03Syn(1,5);" title="交通违章"><p>&nbsp;</p>交通违章</div>
        <div class="tab2" onClick="selectTab03Syn(2,5);" title="车船税"><p>&nbsp;</p>&nbsp;&nbsp; 车船税</div>
        <div class="tab3" onClick="selectTab03Syn(3,5);" title="年票"><p>&nbsp;</p>&nbsp;&nbsp;&nbsp;年票</div>
        <div class="tab4" onClick="selectTab03Syn(4,5);" title="生活缴费"><p>&nbsp;</p>&nbsp;&nbsp;&nbsp;生活缴费</div>
        <div class="tab5" onClick="selectTab03Syn(5,5);" title="其他服务"><p>&nbsp;</p>&nbsp;&nbsp;&nbsp;&nbsp;其他服务</div>
      </div>
.....</div>