html自动式选项卡js,用JS实现选项卡

本文实例为大家分享了JS实现选项卡的具体代码，供大家参考，具体内容如下

案例描述

在浏览器中显示一个选项卡界面，头部为1、2、3、4、5。点击头部任意一个数字，都在下方显示出不同的信息，并且鼠标停留在任意一个数字上时，数字的颜色改变。案例如下图所示

默认的是数字1中的内容

点击数字二

点击其他数字依此类推，在这里就不一一展示了

HTML代码

全部HTML代码展示

• 1

• 2

• 3

• 4

• 5

• 我是第一个选项卡的内容1
• 我是第一个选项卡的内容2
• 我是第一个选项卡的内容3
• 我是第一个选项卡的内容4

• 我是第二个选项卡的内容1
• 我是第二个选项卡的内容2
• 我是第二个选项卡的内容3
• 我是第二个选项卡的内容4

• 我是第三个选项卡的内容1
• 我是第三个选项卡的内容2
• 我是第三个选项卡的内容3
• 我是第三个选项卡的内容4

• 我是第四个选项卡的内容1
• 我是第四个选项卡的内容2
• 我是第四个选项卡的内容3
• 我是第四个选项卡的内容4

• 我是第五个选项卡的内容1
• 我是第五个选项卡的内容2
• 我是第五个选项卡的内容3
• 我是第五个选项卡的内容4