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

所属分类:媒体-Tabs

基本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
  Tabs
 20098  98

jQuery产品切换tab选项卡

特别好用的tab选项卡,可以轮播多张图片,无多余代码注释全
  Tabs
 8681  42

Jquery css3 彩色动画Tabs选项卡切换特效

彩色动画Tabs,独特风格,动画特效平滑
  Tabs
 9017  56

jQueryBootstrap个性化响应式Tab

功能的话是可以点击切换的,要想有梯形的样子的话只是兼容ie10以上,或者可以使用背景图片达到相应效果
  Tabs
 4911  21

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

    风间树 0
    2018/5/16 11:27:39
    水平移动有问题 ,改了好久没改好 回复
    yvan317 0
    2018/1/18 21:10:46

    IE6是否支持

        ☀ChLn0
        2018/3/12 10:49:44
        不支持
    回复
    林先生 0
    2017/11/10 15:05:42
    ?钷、?古 0
    2017/10/27 11:46:02

    就想要这样的 太赞了

        大太阳的大世界0
        2018/2/2 14:18:34

        好用么?我现在想下载这样的,感觉好贵,值不值?

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

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

        ☀ChLn0
        2018/3/12 10:50:15
        可以自己扩展
    回复
    世道?了 0
    2017/9/13 16:56:25

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

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