由于工作要将图片做成幻灯片样式,于是想到了JQuery插件slick,上网查了一下,一些效果用法实例特意在此记录下:slick是一个基于jQuery的幻灯片插件.
Slick.js特点:
支持响应式
浏览器支持css3时,则使用css3过度/动画
支持移动设备滑动
支持桌面浏览器鼠标拖动
支持循环
支持左右控制
支持动态添加、删除、过滤
支持自动播放、圆点、箭头、回调等等
Slick.js单个显示
*{margin:0;padding:0;}
.slick{width:600px;margin:0auto;}
.slick-prev:before,.slick-next:before{position:absolute;left:0;top:1px;color:#ccc;}
.slick-prev{left:-35px;}
.slick-next{right:-35px;}
.slick-dots{bottom:-35px;}
上一篇:浏览器渲染网页的流程是什么
下一篇:CSS3按钮工具有哪些