jQuery Responsive Tabs 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
jQuery Responsive Tabs 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
jQuery Responsive Tabs 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !

软件简介

Responsive Tabs 是 jQuery 插件,提供响应式的 tab 功能。它可以很好的转换手风琴标签,可以让用户的桌面,手机,平板的选项卡变得更优美。

特性

  • 制表符基于断点转换为手风琴
  • 使用javascript / jQuery进行技术标签切换(基于类)
  • 在桌面/平板电脑/移动设备视图中使用CSS
  • 具有选项卡事件的回调事件
  • 可以使用URL哈希打开选项卡
  • 标签可以自动旋转
  • 标签可以折叠(可选)
  • 标签可以根据视图开始折叠(可选)
  • 标签可以被禁用
  • 这些选项卡可通过API方法控制
  • 跨浏览器兼容性(IE7 +,Chrome,Firefox,Safari和Opera)
  • 多设备支持(Web,平板电脑,移动设备等)

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
暂无内容
发表了博客
2012/11/20 10:50

jquery ui tabs 讲解

JQuery UI - tabs 收藏 ·概述 标签页插件通常用于将内容分解成多个部分,可交换查看,节省空间。有点类似于手风琴插件。 官方示例地址:http://jqueryui.com/demos/tabs/ ·丰富的事件支持: tabsselect, tabsload, tabsshow tabsadd, tabsremove tabsenable, tabsdisable 事件绑定示例: $('#example').bind('tabsselect', function(event, ui) { // 在事件函数的上下文中可使用: ui.tab // 锚元素选中的标签页 ui.panel // 锚...

0
6
发表了博客
2014/02/12 16:12

jquery垂直tab页jquery-jvert-tabs

<script type="text/javascript"       src="<%=basePath%>js/jquery-1.4.1.min.js"></script>     <!-- Include JQuery Vertical Tabs plugin -->     <script type="text/javascript"       src="<%=basePath%>js/jquery-jvert-tabs-1.1.4.js"></script>     <script type="text/javascript">   $(document).ready(       function() {         $("#vtabs4").jVertTabs(             {               selected : 0             });       }); </script> <di...

0
0
发表于大前端专区
2014/01/17 16:13

JQuery - $, JQuery, Window.load, JQuery.ready

开篇之前偶然间看到和这篇文章有关的Stackoverflow的一个thread,在这里摘录。 $(document).ready(function() { // executes when HTML-Document is loaded and DOM is ready alert("document is ready"); }); $(window).load(function() { // executes when complete page is fully loaded, including all frames, objects and images alert("window is loaded"); }); //All this three are having a same functionality ...

0
0
发表了博客
2012/11/22 17:10

jQuery tabs组件的使用(1.7以上版本)

jquery ui组件的使用一般都是包括两个部分: 定义标签; 初始化组件 tabs组件的使用 首先定义标签 格式是这样的: <div id="tt"> <ul> <li><a href="#tabs-1"><span>查询结果1</span></a></li> <!--此处定义的是标签标题;注意标签a的链接指向下面的标签面板,此处用的是锚链 接,以"#"号开头加上面板标签的id--> <li><a href="#tabs-2"><span>查询结果2</span></a></li> </ul> <div id="tabs-1"></div><!--此处定义的是每个标签面板...

0
5
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
0 评论
5 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部