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

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选项卡代码