练习写一个jquery tab切换

以前写tab的时候大都是使用li中嵌套tab要显示的内容,然后使用定位来实现的,这种方式布局写js很简单的,用jquery实现就是$(“li”).click(function(){$(this).children(‘隐藏的容器’).show()});很简单吧,其实这样的使用纯css的也可以实现,但是嵌套的不符合w3c标准。特别是tab切换的内容包括的很丰富的时候css是不适合的因为大家知道ie6只支持a的伪类,所以js实现tab才是主流!下面我们来谈谈另外一种的tab布局方式,这个布局不需要嵌套所以标签使用上很自由。但是由于tab的标题和内容是独立的所以在js实现上稍微有些麻烦,其实实现的jquery代码也是很简单的,下面我就贴出代码,相信你看了之后便会明白!

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

标签:

发表于 jquery

Post comment as twitter logo facebook logo
Sort: Newest | Oldest