"/>

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

143
0
jQuery选项卡简单选项卡选项卡代码tab选项卡
简单可自定义切换方式的jQuery选项卡代码，可批量，自定义当前显示，自定义事件，自定义切换方式及自动播放的tab选项卡插件。
<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>
CSS3美化的Bootstrap选项卡特效
CSS3垂直手风琴文字列表切换代码

热点素材