NEWS
做网站知识【流行的jQuery特效插件——Slick】 外贸网站建设www.app3go.com三行网络公司为您详细介绍 - 请往下阅读》
Slick是一个响应式的轮播插件,可以帮助您创建漂亮的幻灯片展示。它拥有丰富的选项和配置,支持自定义分页器、箭头、滑动过渡和淡入淡出效果等。
slick 是一个基于 jQuery 的幻灯片插件,具有以下特点:
支持响应式
浏览器支持 CSS3 时,则使用 CSS3 过度/动画
支持移动设备滑动
支持桌面浏览器鼠标拖动
支持循环
支持左右控制
支持动态添加、删除、过滤
支持自动播放、圆点、箭头、回调等等
兼容
浏览器兼容:兼容 IE7+ 及其他主流浏览器,若要兼容 IE7,需修改 CSS(slick.css)。
jQuery兼容:兼容 1.7 及以上版本。
参数 | 类型 | 默认值 | 说明 |
---|---|---|---|
accessibility | 布尔值 | true | 启用Tab键和箭头键导航 |
autoplay | 布尔值 | false | 自动播放 |
autoplaySpeed | 整数 | 3000 | 自动播放间隔 |
centerMode | 布尔值 | false | 中心模式 |
centerPadding | 字符串 | ’50px’ | 中心模式左右内边距 |
cssEase | 字符串 | ‘ease’ | CSS3 动画 |
customPaging | function | n/a自定义分页 | |
dots | 布尔值 | false | 指示点 |
draggable | 布尔值 | true | 启用桌面拖动 |
easing | 字符串 | ‘linear’ | animate() fallback easing |
fade | 布尔值 | false | 淡入淡出 |
arrows | 布尔值 | true | 左右箭头 |
infinite | 布尔值 | true | 循环播放 |
lazyLoad | 字符串 | ‘ondemand’ | 延迟加载,可选 ondemand 和 progressive |
onBeforeChange(this, index) | method | null | 开始切换前的回调函数 |
onAfterChange(this, index) | method | null | 切换后的回调函数 |
onInit(this) | method | null | 第一次初始化后的回调函数 |
onReInit(this) | method | null | 再次初始化后的回调函数 |
pauseOnHover | 布尔值 | true | 鼠标悬停暂停自动播放 |
responsive | object | null | 断点触发设置 |
slide | 字符串 | ‘div’ | 滑动元素查询 |
slidesToShow | 整数 | 1 | 幻灯片每屏显示个数 |
slidesToScroll | 整数 | 1 | 幻灯片每次滑动个数 |
speed | 整数 | 300 | 滑动时间 |
swipe | 布尔值 | true | 移动设备滑动事件 |
touchMove | 布尔值 | true | 触摸滑动 |
touchThreshold | 整数 | 5 | 滑动切换阈值,即滑动多少像素后切换 |
useCSS | 布尔值 | true | 使用 CSS3 过度 |
vertical | 布尔值 | false | 垂直方向 |
此文《流行的jQuery特效插件——Slick》由三行网络公司原创,转载请保留原文链接,谢谢! 关键词标签:Slick图片滚动,jQuery特效插件 (PC+手机)响应式网站建设
匠心打造精品,用心成就经典!携手客户共创双赢! © Copyright 广州三行网络科技有限公司 粤ICP备案号:09210325