简单可自定义切换方式的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>