当前位置:主页 > 网页特效 > 页面特效 > 内容欢迎大家投稿

多组tab栏目切换代码

时间:2010-10-11 20:55来源:互联网 作者:大宝库 点击:读取中
提示:您可以先修改部分代码再运行,复制代码和保存代码功能在Firefox下无效。

tab标签式栏目很流行,几乎所有网站都用到,而实现的代码也非常简单,一个循环即可,但缺点(相对完美)也很明显,首先是html内容很蹩脚,加了很多js控制痕迹,例如这个标签加个onmouseover=xxxx(参数1,参数2),那个标签加个class="show",或“hidden”,反正就是不可以随意的增加/删除一个tab的html结构,再次是功能很有限,调用也比较麻烦等....综上,尝试用myFocus库实现了一个可能是目前最接近完美的tab版本^^

 

     


   提示:您可以先修改部分代码再运行

使用方法及详细设置请看demo说明,myFocus不另外说明的话那都是兼容所有主流浏览器

再补充说明下关于嵌套tag的使用,一般来说,网站很少用到嵌套的tag,但如果需要复杂的应用,那么需要注意的是嵌套tag的调用顺序,IE浏览器的执行顺序-->从里到外,非IE浏览器的执行顺序-->从外到里,而且嵌套tag要比非嵌套tag先调用(如果有的话),demo有详细的例子,虽然麻烦了一点,但在复杂的环境应用中,这点麻烦算什么呢 大家可能都有体会,有时为了修正这些兼容性的问题几乎就占了总时间的80%~90%,这确实是很浪费生命的一件事

 



(责任编辑:大宝库)


------分隔线----------------------------
推荐内容
赞助商链接
赞助商链接