js选项卡的实现

本文演示了js选项卡的实现，供大家参考，具体分析如下：

一、思路

1。获取元素；

2。循环按钮元素添加OnClick（点击）或移动鼠标（移动）事件；

三.单击当前按钮将显示在一个明亮的状态，并且所有的按钮样式设置为空通过for循环来设置所有div的显示为非。

4。单击当前按钮添加样式，显示当前div，并将显示设置为块。

二、HTML代码：

十一
二十二
三十三
四十四
三、部分CSS：
活动的。
{
背景：# 9cc；
}
格式。
{
宽度：300px；
身高：200px；
边境：1px # 666666固体；
显示：无；
}

四，js代码：
窗口。指针函数（）{
无功odiv = document.getelementbyid（'div1 '）； / /格
VaR建立odiv.getelementsbytagname（输入的）； / /让div输入
VaR DIV2 = odiv.getelementsbytagname（'div '）； / /得到DIV DIV

为（i = 0；i < btn.length； / /我+ +）每个键循环
{
- {我}。指数=我
/ /按钮{我}是我按钮指定按钮；添加一个索引属性按钮，设置指标的价值，我
- {我}。onclick=功能（我） / /点击按钮
{
为（i = 0；i < btn.length；i++） / /圆形按钮删除样式，隐藏
{
- {我}。类名= / /空按钮风格
{我}格式。风格。显示=不关 / /隐藏的div
}
这一方法=主动的 / /本身添加了活性
{ }格式。指数。风格。显示为阻止 / / this.index是当前div
}
}
}
希望本文能对大家的javaｓｃｒｉｐｔ程序设计有所帮助。