怎么用javascript实现选项卡切换效果

 

  布局好选项卡的HTML结构后,我们可以看的出来,选项卡实际上是三个选项卡标头和三个对应的版块,如下图,是三个标头分别是教育,娱乐,汽车,当我们单

  击教育时,教育那个选项卡标头的背景会变成激活状白色,下面的的三个DIV形成的版块只会显示第一个教育的内容。当我们单击娱乐时,娱乐那个选项卡标头的

  背景会变成激活状白色,成都驾考返点乱象:模拟考试费一半进教练口袋,下面的的三个DIV形成的版块只会显示第二个娱乐的内容。香港马会资料当我们单击汽车时,汽车那个选项卡标头的背景会变成激活状白色,下面的的

  体的实现是通过getElementsByTagName方法,先对选项卡三个标头H3进行捕获,产生一个数组,我们利用for循环分别对每个标头选项

  H3添加一个index属性作为它的序号同时注册单击事件,当某个H3被单击时,我们先把所有的H3都变成原始状态,没active类,然后再把被单击的

  H3要添加一个active类使其变成白色,此时,我们还要知道被单击H3的序号,这样我们可以去,设定与之序号相同的DIV显示出来,而其它的DIV刚

香港数码挂牌a| 六合兴家论坛| 香港马会官网开奖结果| 2017香港历史开奖号码记录| 白小姐波霸全年彩图| 香港天下彩报码| 香港王中王一码公开| 天下心水论坛香港挂牌| 彩民社区心水论坛| 白小姐十八码中特|