头像

jQuery多菜单标签页的Tab选项插件

来源:http://www.huoseo.com/js/2682.html 18***38 2017-08-09 23:26浏览(2451) 收藏

一款jQuery多菜单标签页的Tab选项插件,点击最上面设置好的多个按钮,会在下面的标签窗口显示不同的内容,右侧的下拉导航菜单也可以点击来切换不同的标签,整体的实用性非常的强,喜欢的童鞋请收下吧。
jQuery多菜单标签页的Tab选项插件
分类:导航菜单 > 下拉导航 难易:初级

程序员,你不是一个人;网站开发QQ群:35248186,在线充值,或联系QQ2589223951直接充值

查看演示 下载资源: 47 下载资源 下载积分: 20 积分

页面的head部分,下引入必要的CSS样式文件、jQuery库和JS文件,代码如下:

<link type="text/css" rel="stylesheet" href="css/style.css" />
<link type="text/css" rel="stylesheet" href="css/tabstyle.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/tab.js"></script>

页面的body部分,多个a标签作为选项按钮,标签页用了div容器和iframe来显示内容,代码如下:

<div class="wapper">
	<div class="menu">
		<a href="content.html#1">菜单管理</a>
		<a href="content.html#2">角色管理</a>
		<a href="content.html#3">人员管理</a>
		<a href="content.html#4">角色权限配置</a>
		<a href="content.html#5">用户管理</a>
		<a href="content.html#6">工单管理</a>
		<a href="content.html#7">创建新装单</a>
		<a href="content.html#8">查询单据</a>
		<a href="content.html#9">费用管理</a>
		<a href="content.html#10">财务报帐</a>
		<a href="content.html#11">企业维护</a>
		<a href="content.html#12">省份维护</a>
		<a href="content.html#13">国家维护</a>
		<a href="content.html#14">GPS地址位置管理</a>
		<a href="content.html#15">点管理</a>
		<a href="content.html#16">富雅安康</a>
		<a href="content.html#17">事事顺心</a>
		<a href="content.html#18">阖家幸福</a>
		<a href="content.html#19">笑口常开</a>
		<a href="content.html#20">神清气爽</a>
		<a href="content.html#21">天天向上</a>
	</div>
	<br><br><br><br>
	<!--菜单HTML Start-->
	<div id="page-tab">
		<button class="tab-btn" id="page-prev"></button>
		<nav id="page-tab-content">
			<div id="menu-list">                </div>
		</nav>
		<button class="tab-btn" id="page-next"></button>
		<div id="page-operation">
			<div id="menu-all">
				<ul id="menu-all-ul">
				</ul>
			</div>
		</div>
	</div>
	<!--菜单HTML End-->
	<!--iframe Start (根据页面顶部占用高度,自行调整高度数值)-->
	<div id="page-content" style="height: calc(100% - 155px);"></div>
	<!--iframe End-->
</div>

页面的底部,需启用插件,代码如下:

<script type="text/javascript">
//初始化a标签链接到tab
$(".menu a").tab();
</script>
最新交易
评论2
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 2589223951

  • 头像 椅子
    03-26 18:06
    he***xx
    这个蛮好玩的。
  • 头像 沙发
    12-20 09:09
    00***03
    正在找这个,谢谢
1 2
如何中彩票 www.754332.com-彩天下香港免资料| www.232344.com-足彩任九中奖规则| www.348711.com-二元彩网排五走势图| www.454354.com-新加坡乐星彩生肖表| 大赢家彩票平台www.958351.com| www.398291.com-七星彩晚几点开奖| www.552045.com-龙虎彩票-| www.732654.com-彩票驿站快三| www.819805.com-代理彩票站多少钱| www.889735.com-彩票屠龙模式| www.964295.com-天天彩票试机号| 大赢家彩票平台www.577983.com| www.38995.com-600w彩票网平台| www.795759.com-新加坡天天彩資讯網| www.317815.com-北京福彩开奖查询| www.078318.com-盈彩app下载安装| www.254351.com-爱乐彩平台-| www.476115.com-网彩平台哪个最好| www.2831.wang-好彩投彩票最新| www.609391.com-七星彩012路分析| www.606525.com-彩票app无停售| www.773996.com-彩博士六肖-| www.919.cm-彩之王用户注册| --双色球指南彩报| www.062308.com-彩16官网手机登录| www.186308.com-湖北快三跨度祥图| www.739662.com-9999彩票-| www.874333.com-今天体彩排三走势图| www.488279.com-下载中国福彩app| www.088838.cc-玩彩哪个平台安全| www.39uy.com-彩礼排行榜-| www.083489.com-福利彩票预测对准| www.vd00.com-河南快三开奖时间| www.491813.com-彩票009网站注册| www.717209.com-彩铅画优势-| www.zx56.cc-重庆市彩时彩开奖| www.ph42.com-代人投注彩票骗局| www.756129.com-旺彩软件不能用了| www.g18.net-海南4十1彩票平台| www.225322.com-乐彩vip官网| www.373892.com-鸿狼彩票骗人的吗| www.516702.com-中彩双色球开奖视频| www.745863.com-福彩三d大彩网| www.858303.com-即是开彩-| www.942417.com-可以买竞彩的app| www.fb27.com-大发快三乐点| www.70033.cc-时时彩杀码秘诀| www.347769.com-彩无忧个位单双计划| www.816999.com-体彩中心公益开机号| www.897528.com-运用时间差玩时时彩| www.969791.com-浙江福彩网2| www.pl63.com-北京快三一共多少期| www.659106.com-重庆三分彩输死| www.737383.com-心彩网手机版字谜| www.118394.com-悠悠彩票老鹰| www.89058.com-分分时时彩玩法| www.166790.com-福建快三今日开奖| www.05eb.com-彩铅怎么涂-| www.956325.com-七星彩1开奖| www.807293.com-温州福彩中心地址| www.126926.cc-水溶性彩铅画风景| www.42645.com-红牛彩票平台注册| www.sk1.com-双彩网论坛手机版| 全民汇彩票www.52303w.com| www.fp26.com-1分时时彩开奖结果| www.gt44.com-3d福彩图谜-| www.6931.bid-竞彩一月赚10万| www.31574.com-天天彩票网址| www.3150.cn-什么手机彩票软件好| www.fw52.com-体育彩票提成| www.937645.com-3d福彩走势图连线| www.141699.com-3d彩涂吧今天| www.904990.com-快三越玩越亏| www.983212.com-足彩竞彩下载| www.ca49.com-山东体彩11选五| www.772012.com-网上彩票排名| 中彩www.zcwf9.com| www.646881.com-彩民打彩票犯法吗| www.712506.com-909彩票网-| www.777612.com-双色球中彩村走势图| www.856520.com-彩霸王跑狗图今期图| www.922835.com-福利彩票可以过户吗| www.973841.com-网上快三是不是假的| 亿发彩票www.901175.com| www.hi95.com-彩八彩票app下载| www.wd84.com-体彩排3试机号今天| www.03ch.com-阳光在线彩票| www.70wn.com-彩易网排列三在内| www.ng88.com-彩票软件手机破解版| www.45iz.com-日本彩虹频道手机版| www.317557.com-胜负彩吧-| www.681817.com-微信彩票店-| www.8009.loan-什么彩票开奖最快| www.698387.com-彩虹蛋糕的美好寓意| www.817288.com-区块链彩票项目| www.895889.com-永诚中彩票安全吗| 500彩票网www.680227.com| www.zi99.com-鑫彩国际-| www.949152.com-电脑彩屏怎么办| 亿博彩票www.65yb.com| www.k96.cc-彩神规律-| www.371575.com-儿童彩铅风景画图片| www.596128.com-网易福彩开奖结果| www.830030.com-怎么举报248彩票| www.jg36.com-北京快三一定牛遗漏| www.534548.com-梦秘解图七星彩梦册| www.59xa.com-香港十分彩-| www.77063.com-500万彩票论坛| www.91243.com-好彩爆珠焦油量| www.105590.com-彩28彩票注册| www.599582.com-买彩票怎么加倍| www.674809.com-快三登陆平台官网| www.878716.com-福彩3d百度乐彩网| www.941789.com-福彩7乐彩开奖| www.988982.com-中福时时彩-| www.px5.com-吉林省福彩快3| www.8036.cn-彩票里有五星怎么玩| www.65711.cc-长春快三黑彩| www.317291.cc-重庆时时彩走势技巧| www.ql22.com-立彩彩票下载安装| www.44dz.com-七彩建设集团背景| www.6480.tv-高兴彩票平台官网| www.45145.com-众彩易购是真是假| www.006491.com-五分彩开奖官网站| www.6816.shop-福利彩票2月24日| www.105492.com-万博彩票网官方端口| www.j30.cn-注册免费彩金| www.ni82.com-全天实时彩计划| www.67rb.com-百乐门彩票是什么| www.3058.vip-彩票当日开奖查询| www.21325.cc-竞彩足球胜平负数据| www.44yk.com-河南福彩网开奖| www.3929.cn-幸运彩安卓版| www.at60.com-下载吉林快三| www.87857.cc-华阳彩票快乐12| www.dm80.com-福彩有快三的省份| www.ur42.com-谁有鸿彩网址| www.13bs.com-什么是智投彩票| www.96355.com-订婚彩礼女方不退| www.719998.com-七星彩奖金表| www.872056.com-彩票中奖计算器| www.985485.com-今日足彩竞彩推荐| www.ug36.com-彩票黑平台名单公示| www.7223.com-彩虹五号-| www.255893.com-彩乐园app-| www.317663.com-福彩3d奖金规则表| www.7853.cc-足彩14场中奖新闻| www.829822.com-安徽快三害人| www.kg50.com-手机版8号彩票| www.678311.com-乐彩论坛彩票论坛| www.750395.com-福利彩票最大的舆情| www.46009.cc-云南时时彩开奖号| 幸运彩票www.669350.com| www.243868.com-福利彩票数字3开奖| www.283660.com-够力七星彩奖表最新| www.6851.xyz-高频彩票秘籍| www.2790.cn-体育彩票手机在线| www.087689.com-非法彩票判刑| www.684199.com-下载彩八app| www.qj11.com-立彩官网app下载| www.32461.com-a22爱彩下载| www.772979.com-韩国时时彩开奖网站| www.586269.com-彩票二等奖-| www.173456.com-安徽快三万能走|