小清新的jQuery 幻灯片jQuery ck-slide 图片轮播
ck_slide 是一款小清新的jQuery 幻灯片插件,它非常小巧,压缩后仅 3KB,基本功能可以满足。它支持淡入淡出/左右滚动、箭头/圆点控制、自动播放。
在线实例
默认(淡入淡出) | 左右滚动 | 自动播放 |
使用方法
- <div class="ck-slide">
- <ul class="ck-slide-wrapper">
- <li>
- <a href="#"><img src="images/1.jpg" alt=""></a>
- </li>
- ...
- </ul>
- <a href="javascript:" class="ctrl-slide ck-prev">上一张</a> <a href="javascript:" class="ctrl-slide ck-next">下一张</a>
- <div class="ck-slidebox">
- <div class="slideWrap">
- <ul class="dot-wrap">
- <li class="current"><em>1</em></li>
- <li><em>2</em></li>
- <li><em>3</em></li>
- <li><em>4</em></li>
- <li><em>5</em></li>
- </ul>
- </div>
- </div>
- </div>
- $('.ck-slide').ckSlide();
复制
参数详解
参数 | 描述 | 默认值 |
autoPlay | 自动播放 | false |
dir | 可选 ‘x’,即水平滚动,非 ‘x’ 为淡入淡出 | - |
isAnimate | 是否开启动画效果 | false |
相关推荐
seoppt 2020-09-13
EdwardSiCong 2020-11-23
85477104 2020-11-17
hhanbj 2020-11-17
81427005 2020-11-11
honeyth 2020-09-13
WRITEFORSHARE 2020-09-13
84483065 2020-09-11
momode 2020-09-11
85477104 2020-08-15
83510998 2020-08-08
82550495 2020-08-03
tthappyer 2020-08-03
84901334 2020-07-28
tthappyer 2020-07-25
TONIYH 2020-07-22
tztzyzyz 2020-07-20
83510998 2020-07-18
81463166 2020-07-17