基本jquery的菜单标签页选项插件(原创)

所属分类:媒体-Tabs

 2592  28  查看评论 (3)
基本jquery的菜单标签页选项插件(原创) ie兼容10

水平有限,欢迎提出建议

使用方法

菜单结构

<div class="menu">
   <a href="content.html#1">菜单管理</a>
</div>

标签页及内容html代码

<!--菜单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-->

调用代码

//初始化a标签链接到tab
 $(".menu a").tab();
相关插件-Tabs

京东首页的多重tab

京东首页的多重tab
  Tabs
 9601  48

jQuery tabs选项卡设计效果

这是一款基于bootstrap的简单jquery tabs选项卡美化效果。该tabs选项卡美观大方,使用简单,适用于多种网页场景
  Tabs
 1877  13

jQuery Tab选项卡插件Tabslet

实用的jQuery Tab选项卡插件
  Tabs
 8630  54

jQuery的Tab插件 Yetii

Yetii 是一个 jQuery 用来实现 Tab 窗体的插件,目前尚不支持 Ajax 方式获取内容
  Tabs
 21674  34

讨论这个项目(3)回答他人问题或分享插件使用方法奖励jQ币

    死亡刀刃 0
    2017/9/14 16:30:57

    能否在标签上 加上右键关闭 和刷新呢

    回复
    世道?了 0
    2017/9/13 16:56:25

    看起来不错。不晓得兼容性怎么样

    回复
    xtayfy 0
    2017/9/4 20:17:27
取消回复