js实现简洁的滑动门菜单(选项卡)效果代码

本文实例讲述了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程序设计有所帮助。