小清新的jQuery ck-slide 图片轮播,jqueryck-slide
ck_slide 是后生可畏款小清新的jQuery 幻灯片插件,它十分小巧,压缩后仅 3KB,基本作用能够满意。它扶持淡入淡出/左右滚动、箭头/圆点调整、自动播放。
ck_slide 是黄金年代款小清新的jQuery 幻灯片插件,它丰富精美,压缩后仅 3KB,基础效能够满意。它协助淡入淡出/左右滚动、箭头/圆点调节、自动播放。
在线实例
默认(淡入淡出) | 左右滚动 | 自动播放 |
在线实例
默认(淡入淡出) | 左右滚动 | 自动播放 |
动用办法
<div class="ck-slide">
<ul class="ck-slide-wrapper">
<li>
<a href="#"><img src="images/1.jpg" alt="图片 1"></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();
使用方法
<div class="ck-slide">
<ul class="ck-slide-wrapper">
<li>
<a href="#"><img src="images/1.jpg" alt="图片 2"></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 |
下载
ck-slide 图片轮播,jqueryck-slide ck_slide 是豆蔻梢头款小清新的jQuery 幻灯片插件,它一点都十分小巧,压缩后仅 3KB,基本效用能够满足。它支...
参数详细解释
参数 | 描述 | 默认值 |
autoPlay | 自动播放 | false |
dir | 可选 ‘x’,即水平滚动,非 ‘x’ 为淡入淡出 | - |
isAnimate | 是否开启动画效果 | false |
下载
编辑:计算机网络 本文来源:小清新的jQuery,图片轮播
关键词: