今天主要介绍在日常的长沙网站制作中经常用到的简单的选项卡效果。

首先，展示一下源代码，这段代码比较简单，但是很实用。

下面将运用过当前JS的实例展示一下：

1、这个是去年的一个长沙网站建设项目中的实例，在原选项卡的基础上，将内容层进行了进一步优化，除了调用了当前需要推荐的文章之外，还调用的最近发表出来的文章，然后每个选项卡下都有对应栏目中的内容。

2、同一个项目中，选项卡JS的数量可以多个地方用，只需要当前选项卡菜单的ID唯一即可，菜单层数量和内容层数量对应，就不会有问题。

总结：这个选项卡效果属于非常简洁的类型，要熟悉很容易，基本上能用两到三次就可以很熟练的运用，而且原理很简单，只需要将菜单层、内容层和JS最后一行实例化函数，调用sd那里的ID还有class一一对应，效果就出来了，而且也不需要Jquery库，不会与其他的JS冲突。