简单可自定义切换方式的jQuery选项卡代码

作者 : 小刺猬 本文共596个字,预计阅读时间需要2分钟 发布时间: 2020-08-5 共97人阅读

简单可自定义切换方式的jQuery选项卡代码

简单可自定义切换方式的jQuery选项卡代码,可批量,自定义当前显示,自定义事件,自定义切换方式及自动播放的tab选项卡插件。

js代码

<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/tab.js"></script>
<script>
$(function () {

  /**
	=========== 参数说明 ============
	curDisplay: 当前显示哪张
	mouse: 鼠标事件 (click/over)
	changeMethod: 切换方式 (default/vertical/horizontal/opacity)
	autoPlay: 自动播放 (true/false)
   */

  // 多个元素同一个变化方式
  /*$('.tab').each(function () {
	$(this).tab({
	  curDisplay: 5,
	  mouse: 'over',
	  changeMethod: 'vertical'
	});
  });*/

  // 多个元素不同变化方式(需要在HTML中加入js-tab)
  $('[js-tab=1]').tab();

  $('[js-tab=2]').tab({
	curDisplay: 2,
	changeMethod: 'horizontal'
  });

});
</script>
简单可自定义切换方式的jQuery选项卡代码

刺猬源码 » 简单可自定义切换方式的jQuery选项卡代码

刺猬QQ交流群号多少?
363432

发表评论