当前位置: 代码迷 >> HTML/CSS >> 咨询tab选项卡有关问题
  详细解决方案

咨询tab选项卡有关问题

热度:97   发布时间:2012-06-03 16:59:40.0
咨询求助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> 
  相关解决方案