现在用CSS选项卡和JS选项卡哪个好， 各有什么优缺点

html-css046

现在用CSS选项卡和JS选项卡哪个好， 各有什么优缺点,第1张

JS选项卡可以实现更酷炫的动画效果，功能更加强大

CSS选项卡功能简单一些，但是加载速度一般会快一些

更重要的是，客户端的用户有时出于安全考虑会禁止JS，那么JS的效果就显示不出来的

而CSS文件是服务器端提供的，总是可以保证的

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

标题一和内容一设置为选中时的样式，内容二、内容三的display设为弄呢；

然后是JavaScript函数：

当点击标题二时，将标题二设为选中时的样式，再将内容二的display设为block，内容一和内容三的display设为none；

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