tabs 切换标签原理

tabs标签切换分为2个部分

tabs头部分,用于控制要显示的部分则对应的身体部分.

conts身体部分,用于显示内容,受tabs头部控制.

有这么几种方式

原理一:a标签的锚点,比较少用

原理二:利用索引,好像多数的都离不开这个索引,常用

原理三:CSS3 的伪类元素[仅支持现代游览器,IE6古董级别需要兼容就不能用了,很多开发都是由于国内的IE6/7/8,阻碍,郁闷.一起加入秒杀IE6行动吧,反正IE就是一个奇葩的传说.]

 

原理一的可以参考,张金鑫的文章

 

原理二

实现方式的不同,取决于,你要精简哪些参数,样式,结构?多js还是少js,还是采用css控制?还是不用参数?

1.来个简单的,采用传入参数,简单,不简洁.

 

 

参考例文:http://www.cnblogs.com/tq0855n/archive/2010/04/20/1716401.html

-----------------------------------

2.

 

 

 原理三:

 

 

 

 

 最后献上一个合集

http://www.cnblogs.com/JustinYoung/articles/JavaScript-tab.html

转载于:https://www.cnblogs.com/yyman001/p/3369969.html