现在tab选项卡应用得很广,像那种不规则的选项卡,如这个http://www.pay88.cn的选项卡一样,是不规则的,有没有很好的实现方法,代码少的,兼容个浏览器的,此外,是不是要做什么定位之类的呢?
------解决方案--------------------
就是普通的背景切换,做好五个背景图,选中哪一个就切换到哪一个背景(实际是通过变换bg2样式)
- HTML code
<div class="tab"> <div id="bg2"> <div class="tab1" onClick="selectTab03Syn(1,5);" title="交通违章"><p> </p>交通违章</div> <div class="tab2" onClick="selectTab03Syn(2,5);" title="车船税"><p> </p> 车船税</div> <div class="tab3" onClick="selectTab03Syn(3,5);" title="年票"><p> </p> 年票</div> <div class="tab4" onClick="selectTab03Syn(4,5);" title="生活缴费"><p> </p> 生活缴费</div> <div class="tab5" onClick="selectTab03Syn(5,5);" title="其他服务"><p> </p> 其他服务</div> </div> .....</div>