## 引入文件

<script type="text/javascript" src="simpleSlider.js"></script>

## 使用SimpleSlider

### 仿拍拍/淘宝 仿音悦台 选项卡Simple.Slider(opts)

概述：SimpleSlider 可提供幻灯片及选项卡功能

### SimpleSlider API

配置选项 | 数据类型 | 说明
--- | --- | ---
trigger | string/bool {default:true} | 指定trigger对象,传入选择器则自动查找对象, 传入bool值则自动生成trigger对象
[triggerClass] | string | trigger的class, 自动构建的trigger可能需要添加。可选参数
triggerCurrentClass | string | trigger 选中项样式
content | string/object | 显示的内容项
[isAuto] | bool{default: true} | 是否自动执行
[delay] | int{default: 0} | 操作延时
[speed] | int{default: 300} | 执行动画的时间(毫秒)
[timeout] | int{default: 3000} | 间歇时间(毫秒)
[prev] | string | 上一张按钮
[next] | string | 下一张按钮
[defaultShow] | int{default: 1} | 默认显示第几项
[direction] | string{default: "left"} | 移动方向 仅支持["left", "top", "none"]
[template] | string | 自动生成的trigger模版(模版使用说明见本页下方)
[bindEvent] | string{default: "mouseover"} | 对trigger绑定哪些事件 多个时间用空格隔开
[ontrigger] | function | 切换前回调
ontriggered | function | 切换后回调

### SimpleSlider template 使用方法

SimpleSlider 默认trigger 模版及语法为:

<ol simpleEvent="trigger"> <s:each> <li>{0}</li> </s:each> </ol>

根据模板生成HTML后，SimpleSlider 通过 simpleEvent="trigger" 找到DOM对象， simpleEvent="trigger" 必须保留

需重复的内容写在 <s:each> 内，{0} 会输出 1 - content.length 的数字