码迷,mamicode.com
首页 > Web开发 > 详细

JS实现div选项卡切换

时间:2017-05-21 22:36:01      阅读:226      评论:0      收藏:0      [点我收藏+]

标签:span   .com   点击   隐藏   内容   log   序号   编写   http   

一、先弄清原理,开始弄时不知道原理就想不通怎么入手

技术分享

二、编写HTML代码

技术分享

三、JS代码

因为有选项卡,又有内容,所以我们要分别取到选项卡和div的索引,然后点击时让索引对应即可

技术分享

 

注:先隐藏所有div,然后接着来一点,把与被单击标题序号相同的内容块显示出来,电脑运行很快,这个动作会很一气呵成。这样我们就完成了选项卡的制作。

 

JS实现div选项卡切换

标签:span   .com   点击   隐藏   内容   log   序号   编写   http   

原文地址:http://www.cnblogs.com/zhang11424/p/6886265.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!