当前位置: 58彩票app下载 > 计算机网络 > 正文

小清新的jQuery,图片轮播

时间:2019-11-20 07:28来源:计算机网络
小清新的jQuery ck-slide 图片轮播,jqueryck-slide ck_slide 是后生可畏款小清新的jQuery 幻灯片插件,它十分小巧,压缩后仅3KB,基本作用能够满意。它扶持淡入淡出/左右滚动、箭头/圆点调整、

小清新的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,图片轮播

关键词: