本文实例讲述了JS基于myFocus库实现各种功能的tab选项卡切换效果。分享给大家供大家参考。具体如下：
这里介绍使用myFocus-tab实现各种功能的选项卡切换，有的是带有动画效果的，各款基于myFocus库制作的焦点图风格皮肤，可自行按需选择，myFocus焦点图库及皮肤可自由使用，保留作者相关信息即可，谢谢支持！^^
运行效果截图如下：
在线演示地址如下：
http://demo.jb51.net/js/2015/js-myfocus-plug-tab-cha-nav-codes/
具体代码如下：
myFocus-tab 各种功能的选项卡切换 支持无限嵌套
请稍候...
- 朋友
- 兄弟
- 亲人
- 情人
朋友朋友朋友
请稍候...
- 朋友
- 兄弟
- 亲人
- 情人
朋友朋友朋友
请稍候...
- 朋友
- 兄弟
- 亲人
- 情人
朋友朋友朋友
兄弟兄弟兄弟
亲人亲人亲人
情人情人情人
兄弟兄弟兄弟
亲人亲人亲人
情人情人情人
兄弟兄弟兄弟
亲人亲人亲人
情人情人情人
仿QQ今日要闻实例
请稍候...
- 新闻
- 财经
- 娱乐
- 体育
- 新闻左列表
- 新闻左列表
- 新闻左列表
- 新闻左列表
- 新闻中列表
- 新闻中列表
- 新闻中列表
- 新闻中列表
- 新闻右列表
- 新闻右列表
- 新闻右列表
- 新闻右列表
- 财经左列表
- 财经左列表
- 财经左列表
- 财经左列表
- 财经中列表
- 财经中列表
- 财经中列表
- 财经中列表
- 财经右列表
- 财经右列表
- 财经右列表
- 财经右列表
- 娱乐左列表
- 娱乐左列表
- 娱乐左列表
- 娱乐左列表
- 娱乐中列表
- 娱乐中列表
- 娱乐中列表
- 娱乐中列表
- 娱乐右列表
- 娱乐右列表
- 娱乐右列表
- 娱乐右列表
- 体育左列表
- 体育左列表
- 体育左列表
- 体育左列表
- 体育中列表
- 体育中列表
- 体育中列表
- 体育中列表
- 体育右列表
- 体育右列表
- 体育右列表
- 体育右列表
支持高度自适应（auto）设置
请稍候...
- 新闻
- 财经
- 娱乐
- 体育
- 新闻左列表
- 新闻左列表
- 新闻左列表
- 新闻左列表
- 新闻中列表
- 新闻中列表
- 新闻中列表
- 新闻中列表
- 这是测试高度自适应
- 这是测试高度自适应
- 这是测试高度自适应
- 这是测试高度自适应
- 新闻右列表
- 新闻右列表
- 新闻右列表
- 新闻右列表
- 财经左列表
- 财经左列表
- 财经左列表
- 财经左列表
- 财经中列表
- 财经中列表
- 财经中列表
- 财经中列表
- 财经右列表
- 财经右列表
- 财经右列表
- 财经右列表
- 娱乐左列表
- 娱乐左列表
- 娱乐左列表
- 娱乐左列表
- 娱乐中列表
- 娱乐中列表
- 娱乐中列表
- 娱乐中列表
- 娱乐右列表
- 娱乐右列表
- 娱乐右列表
- 娱乐右列表
- 体育左列表
- 体育左列表
- 体育左列表
- 体育左列表
- 体育中列表
- 体育中列表
- 体育中列表
- 体育中列表
- 体育右列表
- 体育右列表
- 体育右列表
- 体育右列表
希望本文所述对大家的JavaScript程序设计有所帮助。
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
