本文实例讲述了js实现简洁的滑动门菜单。分享给大家供大家参考。具体如下：
一个简洁实用的网页选项卡菜单，在同一个页面中实现两个选项卡，第一个是滑动门，从布局上来说基本是相似的，第二个是选项卡，这里主要使用了Js自定义函数：tabMenu，函数功能：实现tab菜单，参数说明：tabMenu(tabBox,navClass);
参数一：tabBox（tab容器id）
参数二：navClass（当前标签样式class）
备注：依赖指定html结构。
运行效果截图如下：
在线演示地址如下：
http://demo.jb51.net/js/2015/js-simple-scroll-menu-tab-codes/
具体代码如下：
简洁的选项卡菜单
- 新闻1
- 体育1
- 财经1
新闻1内容
体育1内容
财经1内容
- 新闻2
- 体育2
- 财经2
新闻2内容
体育2内容
财经2内容
希望本文所述对大家的javascript程序设计有所帮助。
您可能感兴趣的文章:
JS实现同一个网页布局滑动门和TAB选项卡实例
JS+CSS实现自适应选项卡宽度的圆角滑动门效果
js实现黑色简易的滑动门网页tab选项卡效果
js+css实现的圆角边框TAB选项卡滑动门代码分享（2款）
JS将滑动门改为选项卡（需鼠标点击）的实现方法