分享一款功能强大的原创选项卡Jquery插件
dengjianbin
12年前
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>