jQuery插件skippr实现焦点图幻灯片效果
配置,可定制的开关速度,开关模式,左右箭头显示,自动播放,自动播放间隔等。
参数,在下面的介绍下,调用插件也非常简单和易于使用:
1。加载jQuery和插件
2.html内容
三.函数调用
$(文档)Ready(函数(){)
$(#目标)。Skippr({
过渡:'slide,
速度:1000,
Easing:'easeOutQuart',
NavType:阻止,
ChildrenElementType:'div,
箭头:真的,
自动播放:假,
autoplayduration:5000,
keyboardonalways:真,
hideprevious:假
});
});
参数配置解读
转换:(淡入/幻灯片)切换模式
速度:开关速度(毫秒)
宽松:切换效果(easeoutquart)
NavType:下面的导航型(块/泡沫)
箭头:是否有箭头(true false)
自动播放:自动播放(真/假)
autoplayduration:自动播放的时间间隔(毫秒)
KeyboardOnAlways: do you support keyboard switching (true/false)
hideprevious:它是隐藏在第一开关箭头(真/假)
查看演示脚本下载
以上是本文的全部内容,希望大家能喜欢。