史上效果最好的焦点图幻灯片jQuery插件斯基普,轻量级插件、响应式布局插件,强大的参数自定义配置,可自定义切换速度、切换方式、是否显示左右箭头、是否自动播放、自动播放间隔时间等配置参数,调用插件也非常简单易用,调用方式下面介绍下
1.加载jQuery和插件链接rel='样式表href=' CSS/jquery。跳过公关。CSS ' script src=' http : js/jquery。量滴js '/script script src=' http : js/jquery。跳过公关。量滴js '/脚本2 .超文本标记语言内容div id=' container ' div id=' Target ' div style=' background-image : URL(img/image1。jpg)'/div div style=' background-image : URL(img/image1。jpg)'/div style=' background-image : URL(img/image4。jpg)'/div style=' background-image3。jpg '/div style=' background-image : URL(img/image4。' jpg)函数调用脚本$(文档)。ready(function(){ $(' # Target ')).skippr({ transit : ' slide ',speed: 1000,easing: ' easeOutQuart ',navType: 'block ',childrenElementType: ' div ',箭头: true,autoPlay: false,autoPlayDuration: 5000,keyboardOnAlways: true,hideperious 3360 false });});/script参数配置解释过渡:(渐变/滑动)切换方式速度:切换速度(毫秒)宽松:切换效果(easeOutQuart)导航类型:下面导航类型(方块/气泡)箭头:是否有箭头(真/假)自动播放:是否自动播放(真/假)自动播放持续时间:自动播放间隔(毫秒)键盘通道:是否支持键盘切换(真/假)隐藏先前的:是否隐藏第一张已经切换后的箭头(真/假)查看演示脚本下载以上所述就是本文的全部内容了,希望大家能够喜欢。