jqueryTabs选项卡

所属分类:媒体-Tabs

 59387  347  查看评论 (5)
分享到微信朋友圈
X
jqueryTabs选项卡 ie兼容6

jQuery的标签更好的为你的表单的输入域创建一个漂亮的不显眼的标签。在关于这个插件的唯一性是你需要添加一个占位符文本,我们将显示标签,只有当用户需要它。使用步骤

添加到您的网站,只需包括最新的jQuery库连同organictabs.jquery.js到文档中的<HEAD> ,并简单地调用这样的功能:

$(function() {
	// 调用插件
	$("#example-one").organicTabs();
	$("#example-two").organicTabs({
		"speed": 100,
	});
});

如须修改Tabs标签切换速度,在调用插件js中,修改speed的值即可,默认是300,单位是毫秒

html部分格式

<div id="#example-one">
    <ul class="nav">
        <li><a href="#tab1" class="current">#tab1</li>
        <li><a href="#tab2">#tab2</li>
    </ul>
    <div class="listwrap">
        <ul id="#tab1">
            <li></li>
            <li></li> 
        </ul>
        <ul id="#tab2">
            <li></li>
            <li></li>
        </ul>
    </div>  
</div>
相关插件-Tabs

比较不错的选项卡插件

Material Design风格实用Tabs选项卡 jquery+css3+html5
  Tabs
 35803  388

移动端tab切换

依赖jQuery tab切换,请在移动端预览查看最佳效果,支持移动端滑动切换
  Tabs
 36445  334

jQuery tab产品标签切换

jQuery常用网站产品tab标签切换效果
  Tabs
 20666  244

可打开可关闭的选项卡,单纯无污染,改改样式就能用

可打开可关闭的选项卡,单纯无污染,改改样式就能用
  Tabs
 34146  351

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

    Dream 0
    2019/5/7 15:23:09
    有个bug,选项卡内容部分只能用ul,换成(div),切换到其他选项(切换到第一个),刷新页面,第一个选项卡的内容会显示出来(例如,切换到第三个选项,刷新页面,内容区域显示的是第三个选项的内容和第一个选项的内容) 回复
    cat糯米团 0
    2017/11/15 16:20:49
    我要笑的没心没肺丶 0
    2017/5/8 9:40:41

    切回去的时候 数据会没掉

        *INoRy0
        2017/6/4 17:10:41

        为啥

    回复
    大佬 0
    2016/1/15 10:01:00

    。。。。不兼容IE7啊

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复