jqueryTabs选项卡

所属分类:媒体-Tabs

 58454  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

table切换

这是一个简单的JQ切换效果,使用简单,而且可以重复使用。兼容IE6\IE7\IE8所有,以及firefox,chrome,Safari
  Tabs
 62058  413

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

彩色动画Tabs,独特风格,动画特效平滑
  Tabs
 31189  358

jQuery产品切换tab选项卡

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

jQuery选项卡插件

可批量,自定义当前显示、自定义事件、自定义切换方式及自动播放的选项卡插件
  Tabs
 39923  366

讨论这个项目(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啊

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