Question

css 块状选项卡

css块状选项卡的原理是什么，标题和下面的内容块没有建立点击事件关联啊。怎么点击标题就出现相应的内容块。

Answer 1

其实也没什么原理，就是将你的选项卡标题和内容块做个对应。拿三个选项的来举个例子：标题分别是标题一、标题二、标题三，内容块分别是内容一、内容二、内容三，标题与内容是一对一的。1首先是设置样式：
标题一和内容一设置为选中时的样式，内容二、内容三的display设为弄呢；

然后是JavaScript函数：
当点击标题二时，将标题二设为选中时的样式，再将内容二的display设为block，内容一和内容三的display设为none；

差不多就是这个样子，至于具体的css样式和JavaScript函数可以在百度下，根据这个思路来看代码应该会好很多。

追问

我上面的代码是纯CSS的，为什么他们之间没建立联系。却能够点击标题，出现相应的内容

Answer 2

百度一下tabs, 标题跟下面的不需要一样的， 只需要知道你选择中的key 对应要显示的key就可了，比如jquery里的， $("选择的层").click(function(){ index = $(this).index; $("要显示的层组").eq(index).show() }) 就可以了！