分享一款功能強大的原創選項卡Jquery插件

dengjianbin 12年前發布 | 27K 次閱讀選項卡 jQuery頁面高級組件 jQuery插件

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自定義錯誤信息

效果圖如下：