jQuery slick 旋转木马
在线实例
使用方法
<div class="slider single-item"> <div><h3>1</h3></div> <div><h3>2</h3></div> <div><h3>3</h3></div> <div><h3>4</h3></div> <div><h3>5</h3></div> <div><h3>6</h3></div> </div>
$('.single-item').slick();参数详解
| 属性 | 类型 | 默认 | 描述 |
|---|---|---|---|
| accessibility | boolean | true | Enables tabbing and arrow key navigation |
| autoplay | boolean | false | Enables Autoplay |
| autoplaySpeed | int(ms) | 3000 | Autoplay Speed in milliseconds |
| arrows | boolean | true | Prev/Next Arrows |
| centerMode | boolean | false | Enables centered view with partial prev/next slides. Use with odd numbered slidesToShow counts. |
| centerPadding | string | '50px' | Side padding when in center mode (px or %) |
| cssEase | string | 'ease' | CSS3 Animation Easing |
| customPaging | function | n/a | Custom paging templates. See source for use example. |
| dots | boolean | false | Show dot indicators |
| draggable | boolean | true | Enable mouse dragging |
| fade | boolean | false | Enable fade |
| easing | string | 'linear' | Add easing for jQuery animate. Use with easing libraries or default easing methods |
| infinite | boolean | true | Infinite loop sliding |
| lazyLoad | string | 'ondemand' | Set lazy loading technique. Accepts 'ondemand' or 'progressive'. |
| onBeforeChange | function | null | Before slide callback |
| onAfterChange | function | null | After slide callback |
| onInit | function | null | Callback that fires after first initialization |
| onReInit | function | null | Callback that fires after every re-initialization |
| pauseOnHover | boolean | true | Pause Autoplay On Hover |
| responsive | object | none | Object containing breakpoints and settings objects (see demo). Enables settings sets at given screen width. |
| slide | element | 'div' | Element query to use as slide |
| slidesToShow | int | 1 | # of slides to show |
| slidesToScroll | int | 1 | # of slides to scroll |
| speed | int(ms) | 300 | Slide/Fade animation speed |
| swipe | boolean | true | Enable swiping |
| touchMove | boolean | true | Enable slide motion with touch |
| touchThreshold | int | 5 | Swipe distance threshold |
| vertical | boolean | false | Vertical slide mode |
云盘内容
| 文件 | jQuery插件大全打包 |
| 内容 | HTML5+CSS3+PHP+jQuery等示例 |
| 大小 | 170M（300+个文件） |
注意：示例只是当前的内容，【下载】的是全部jQuery插件一起打包后的文件。