引入文件

使用SimpleSlider

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

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

SimpleSlider API

配置选项数据类型说明
triggerstring/bool {default:true}指定trigger对象,传入选择器则自动查找对象, 传入bool值则自动生成trigger对象
[triggerClass]stringtrigger的class, 自动构建的trigger可能需要添加。可选参数
triggerCurrentClassstringtrigger 选中项样式
contentstring/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切换前回调
ontriggeredfunction切换后回调

SimpleSlider template 使用方法

SimpleSlider 默认trigger 模版及语法为:

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

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