Slider滑块使用

一、添加滑块

二、在js完成事件处理

函数

appcan.slider({参数})

selector: /*选择器*/,

hasIndicator:true or false /*是否有位置提示条*/,

hasLabel: true or false /*是否有标签文字栏*/,

aspectRatio:0 or !=0 /*是否控制纵横比，0为使用控件高度，>0使用纵横比*/,

index:0 or >0 /*默认选择项*/

auto:2000 /*轮播时间，单位毫秒*/

方法：

set(data)

clickItem事件

例1：

1.添加滑块

<!--添加滑块-->

<divid="slider"class="slider"></div>

2.js代码：

varslider=appcan.slider({selector:'#slider',aspectRatio:6/16,hasLabel:true,index:0,auto:2000});slider.set([{img:"p_w_picpaths/slider1.jpg",label:""},{img:"p_w_picpaths/slider2.jpg",label:""},{img:"p_w_picpaths/slider3.jpg",label:""}])slider.on("clickItem",function(index,data){})


clickItem事件触发

在slider.on("clickItem",function(index,data){})中添加事件处理即可。

如：

slider.on("clickItem",function(index,data){if(0==index){appcan.window.open('page','page.html',10);}elseif(1==index){appcan.window.open('page2','page2.html',10);}elseif(2==index){appcan.window.open('page3','page3.html',10);}else{alter("error");}})