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

所属分类:媒体-Tabs

 4193  39  查看评论 (5)
基本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

jQuery竖向轮播+点击切换

点击右边标题,切换左边图片
  Tabs
 3225  31

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

彩色动画Tabs,独特风格,动画特效平滑
  Tabs
 7179  49

jQuery动态增删tab选项卡

jQuery动态增删选项卡可自定义内容
  Tabs
 3152  10

jQuery tab选项卡

这是一个简单的JQ切换效果,使用简单,而且可以重复使用。兼容IE6\IE7\IE8所有浏览器
  Tabs
 8757  57

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

    林先生 0
    2017/11/10 15:05:42
    ?钷、?古 0
    2017/10/27 11:46:02

    就想要这样的 太赞了

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

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

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

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

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