### **關于輪播功能說明**
### 用法:
#### 實例化對象:
* * * * *
var my = new myFrame();
#### 直接調用該對象下的carousel()函數:
* * * * *
my.carousel({
參數1:參數值1,
參數2:參數值2,
...
});
#### 根據需要傳入對應的參數:
* * * * *
my.carousel({
//放置輪播的位置
"place":'#carousel_box',
//輪播區內容,接受如何html+css
"content":['<img src="" />','<img src="" />','<img src="" />'],
//方向,默認水平(level),垂直(vertical)
"direction":'level',
//是否循環,默認true
"cycle":true,
//是否顯示左右箭頭方向,默認true
"showArrow":true,
//是否顯示下標小圓點,默認true
"showSubscript":true,
//下標的類型:默認小圓點(dot)、矩形(rect)
"subscriptClass":'dot',
//下標位置:left、center、right,默認居中
"subscriptPosition":'center',
//下標顏色
"subscriptColor":'#123456',
//下標選中顏色
"subscriptSelectedColor":'yellow',
//輪播速度,單位:px
"speed":'50',
//間隔,停留時間,單位:毫秒
"interval":'2000'
});
#### 參數說明:
* * * * *
| 參數名稱 | 參數值 | 默認值 | 其他 |
| --- | --- | --- | --- |
| place | 放置輪播的位置 | 默認值為body | |
| content | 輪播區內容,接受html+css | | |
| direction | level、vertical | 默認值為level | 滾動方向,默認水平 |
| cycle | true、false | 默認值為true | 是否允許循環 |
| showArrow | true、false | 默認值為true | 是否顯示左右箭頭 |
| showSubscript | true、false | 默認值為true | 是否顯示下標 |
| showSubscriptClass | dot、rect | 默認值為dot | 下標類型,showSubscript為true時才生效 |
| subscriptPosition | left、center、right | 默認值為center | 下標位置,showSubscript為true時才生效 |
| subscriptColor | 表示顏色的英文或十六進制顏色值 | 默認值為#123456 | 下標顏色,showSubscript為true時才生效 |
| subscriptSelectedColor | 表示顏色的英文或十六進制顏色值 | | 下標選中的顏色,showSubscript為true時才生效 |
| speed | 整數值,單位px | 默認值為50px | 輪播速度 |
| interval | 整數值,單位為毫秒 | 默認值為2000 | 間隔,停留時間 |
#### 注意事項:
1. 要想設置下標的屬性樣式,showSubscript屬性值必須為true,否則設置無效;
2. 輪播方式較單一,目前只有滑動式輪播,后期會根據需要增加;
#### 完整示例:
* * * * *
function txt3(){
var my = new myFrame();
my.carousel({
//放置輪播的位置
"place":'#carousel_box',
//輪播內容區域,接收html+css
"content":['<img src="" />','<img src="" />','<img src="" />'],
//輪播的方向,默認水平滑動:level,垂直滑動:vertical
"direction":'level',
//是否循環,默認true
"cycle":true,
//是否顯示左右箭頭方向,默認true
"showArrow":true,
//是否顯示下標小圓點,默認true
"showSubscript":true,
//下標的類型:默認小圓點:dot、矩形:rect
"subscriptClass":'dot',
//下標位置:left、center、right,默認劇中
"subscriptPosition":'center',
//下標顏色,默認#123456
"subscriptColor":'#123456',
//下標選中顏色,默認紅色
"subscriptSelectedColor":'yellow',
//輪播速度,單位px,默認5
"speed":'50',
//間隔時間,停留時間,單位毫秒,默認2000
"interval":'2000'
})
}