本文实例讲述了JS封装的选项卡TAB切换效果。分享给大家供大家参考，具体如下：
JS封装的选项卡TAB代码 *{ padding:0; margin:0;} .block{ display:block;} .none{ display:none;} #wrap,#wraps{ width:500px; height:230px; overflow:hidden; margin:50px auto;} #diya,#diyas{ list-style:none;} #diya li,#diyas li{ width:66px; height:28px; border:1px solid #09C; text-align:center; line-height:28px; float:left; cursor:pointer; margin-right:3px;} #diyas li:hover{ background:#CCC;} #diya li.on,#diyas li.on{ background:#9C3;} #wrap div,#wraps div{ width:498px; height:198px; border:1px solid #000;}
- 第一项
- 第二项
- 第三项
第一部分 第二部分 第三部分
- 第一项
- 第二项
- 第三项
第一部分 第二部分 第三部分
运行效果图如下：
更多关于Javascript相关内容感兴趣的读者可查看本站专题：《Javascript切换特效与技巧总结》、《Javascript遍历算法与技巧总结》、《Javascript查找算法技巧总结》、《Javascript动画特效与技巧汇总》、《Javascript错误与调试技巧总结》、《Javascript数据结构与算法技巧总结》及《Javascript数学运算用法总结》
希望本文所述对大家Javascript程序设计有所帮助。
