JQ-Slide插件参数说明表
参数名 |
参数值(默认值可以省略) |
|
effect |
scroolY(默认):垂直滚动 |
|
scroolX:水平滚动 |
scroolTxt:文本垂直滚动 |
fade:淡出 |
scroolLoop:水平左右点击滚动 |
autoPlay |
true(默认): or false |
|
speed |
动画速度时间,默认"normal",可以使用毫秒或者JQ中的fast,slow,normal |
|
timer |
滚动间隔时间,默认"1000,可以使用毫秒或者JQ中的fast,slow,normal |
|
claNav |
JQ-slide-nav(默认):触点对象数组父级 |
|
claCon |
JQ-slide-content(默认):滚动对象或滚动对象父级 |
|
steps |
1(默认):滚动几个 |
|
滚动一:
$("#temp1").Slide({
effect : "scroolY",
speed : "normal",
timer : 3000
});
滚动二:
$("#temp2").Slide({
effect : "scroolX",
speed : "normal",
timer : 3000
});
滚动三:
$("#temp3").Slide({
effect : "fade",
speed : "normal",
timer : 3000
});
滚动四:
$("#temp4").Slide({
effect : "scroolLoop",
autoPlay:false,
speed : "normal",
timer : 3000,
steps:2
});
滚动五:
- 这是公告标题的第一行
- 这是公告标题的第二行
- 这是公告标题的第三行
- 这是公告标题的第四行
- 这是公告标题的第五行
- 这是公告标题的第六行
- 这是公告标题的第七行
- 这是公告标题的第八行
- 这是公告标题的第9行
- 这是公告标题的第10行
- 这是公告标题的第11行
- 这是公告标题的第12行
$("#temp5").Slide({
effect : "scroolTxt",
speed : "normal",
timer : 3000,
steps:1
});
滚动六:
$("#temp6").Slide({
effect : "scroolY",
speed : "normal",
timer : 3000
});