当前位置：首页 > 下载站 > js特效 > 其它特效 > Bootstrap多功能自定义选项卡插件

Bootstrap多功能自定义选项卡插件

一款功能强大的jQuery选项卡代码，Bootstrap自定义选项卡插件支持关闭，添加，切换到定位，定位到当前，关闭其他，关闭所有，左滑动，右滑动，获取左右滑动步值，获取当前选项卡ID，获取所有选项卡宽度，获取所有选项卡功能代码等。

分类: js特效 / 其它特效	发布时间: 2017-12-15	访问量: 1762
下载量: 38

点击下载预览效果

更多>

最新下载

iPicker多级联动城市选择组件

jQuery iPicker城市选择插件，利用json动态调用城市地区数据，支持多级联动城市选择，设置获取值选择结果。这是一款简单快速的对 “省市区” 城市选择代码。ps：使用ajax本地要在localhost才能正常访问。

0 2026-01-27

CSS3实现3D图片翻转洗牌特效

CSS3实现3D图片翻转洗牌特效是一款鼠标悬停到缩略图片3D翻转切换显示代码，支持触摸设备使用。

0 2026-01-27

vue.js表单密码强度验证代码

vue.js表单密码强度验证代码是一款适用于手机注册表单输入密码强度验证特效。

0 2026-01-27

React框架制作人物介绍切换特效

React框架制作人物介绍切换特效是一款圆形的虚线旋转和人物介绍标签文字结合，点击按钮切换下一张图片人物介绍效果。

0 2026-01-27

jQuery手机登录注册表单代码

jQuery手机登录注册表单代码是一款基于jQuery+HTML5实现的蓝色风格手机端表单特效。

0 2026-01-27

jquery图片移位效果

jquery图片移位效果是一款基于html5+css3实现的图片随机移位排列效果。本作品由【站长素材】收集整理，转载请注明出处！

0 2026-01-27

24小时阅读排行榜

更多>

最新教程

最新Python教程从入门到精通

Node.js 教程

16227 2025-08-28
CSS3 教程

1546822 2025-08-27
Rust 教程

23364 2025-08-27
Vue 教程

25816 2025-08-22
PostgreSQL 教程

22306 2025-08-21
Git 教程

9276 2025-08-21

Bootstrap多功能自定义选项卡插件

js代码

<script type="text/javascript" src="js/nth.tabs.min.js"></script>
<script>
	var nthTabs;
	$(function () {
		//一个低门槛的演示,更多需求看源码
		//基于bootstrap tab的自定义多标签的jquery实用插件，滚动条依赖jquery.scrollbar，图标依赖font-awesome
		nthTabs = $("#editor-tabs").nthTabs();
		nthTabs.addTab({
			id:'a',
			title:'孙悟空',
			content:'看我七十二变',
		}).addTab({
			/*换个姿势*/
			id:'b',
			title:'猪八戒-关不掉',
			content:'高老庄娶媳妇',
			active:true,
			allowClose:false,
		}).addTab({
			id:'c',
			title:'沙和尚',
			content:'请叫我大叔',
		}).addTab({
			id:'d',
			title:'唐僧',
			content:'光头一个',
		}).addTab({
			id:'e',
			title:'武松',
			content:'打虎猛汉',
		}).addTab({
			id:'f',
			title:'潘金莲',
			content:'大美女',
		}).addTab({
			id:'g',
			title:'来个标题长一点的的的来个标题长一点的的的',
			content:'你赢了',
		}).addTab({
			id:'h',
			title:'支持连贯操作',
			content:'没错就是这么爽',
		}).addTab({
			id:'i',
			title:'欢迎提意见',
			content:'一定一定',
		}).addTab({
			id:'j',
			title:'熬夜写的啊',
			content:'码农苦逼~',
		}).setActTab("#c");
	});
</script>