分享一款功能强大的原创选项卡Jquery插件

dengjianbin 11年前

jQuery-jcTabs 多功能版( 带滚动,ajax ,iframe 功能 )


修正内容:
1. 增加纵向滚动,ajax页面调用,iframe跨域功能。
 
2. 优化冗余代码,减少代码量,减少对Dom的操作,提高jQuery性能。
 
3. 全面兼容各个浏览器(IE6+ 、Sarfai 、Chrome 、 Firefox 等等 )。
 
4. 提高插件重用性、复用性。
 
5. 优化CSS减少代码量。

参数配置列表:
selectClass:'select', //设置tabs选项跟进class名  Event:'click', //设置tabs选项事件设置,提供click,mouseover等  speed:"fast", //图片切换速度设置,提供easing值 或 数值(mm)  autoPlay : false, //是否开起自动播放功能,提供true,false   autoTime : 2000, //自动播放间隔时间(mm)  Default:1, //设置默认显示tabs选项  fadeOut: 0, //内容是否隐现效果,提供easing值 或 数值(mm)  Scroll:false, //是否内容滚动,提供true,false  Direction:"x", //内容滚动方向,提供x,y  arrow:false, //是否开起左右按钮,提供true,false  arrowOffset:{ x : 0, y : 0 }, //设置左右按钮的x,y偏移  mode:"text", //提供3种模式:iframe,ajax,text   setAjax : { ajaxPath:"rel", dataType:"html", type:"GET", contentType: "application/json;utf-8", cache : false, timeOutInfo : "The Page Timeout, check the cause of the error!", ErrorInfo : "The Page Error, check the cause of the error!" } //ajax相关设置:ajaxPath绑定属性,dataType文本类型,type传输方式,contentType传输类型,cache缓存,timeOutInfo自定义超时信息,ErrorInfo自定义错误信息



效果图如下:
</div>