[代码样式]ck_slide – 简单的jQuery幻灯片插件

ck_slide 是一款国产的 jQuery 幻灯片插件，它非常小巧，压缩后仅 3KB，所以它的功能也不算丰富，但一般使用已经够了。它支持淡入淡出/左右滚动、箭头/圆点控制、自动播放。

使用方法

1、引入文件

<link rel="stylesheet" href="https://www.dowebok.com/css/slide.css" rel="external nofollow" >
<script src="https://www.dowebok.com/js/jquery.js"></script>
<script src="https://www.dowebok.com/js/slide.js"></script>

2、HTML

<div class="ck-slide">
    <ul class="ck-slide-wrapper">
        <li>
            <a href="https://www.dowebok.com/" rel="external nofollow" ><img src="https://www.dowebok.com/images/1.jpg" alt=""></a>
        </li>
        <li>
            <a href="https://www.dowebok.com/144.html" rel="external nofollow" ><img src="https://www.dowebok.com/images/2.jpg" alt=""></a>
        </li>
        <li>
            <a href="https://www.dowebok.com/javascript:" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" ><img src="https://www.dowebok.com/images/3.jpg" alt=""></a>
        </li>
        <li>
            <a href="https://www.dowebok.com/javascript:" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" ><img src="https://www.dowebok.com/images/4.jpg" alt=""></a>
        </li>
        <li>
            <a href="https://www.dowebok.com/javascript:" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" ><img src="https://www.dowebok.com/images/5.jpg" alt=""></a>
        </li>
    </ul>
    <a href="https://www.dowebok.com/javascript:" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  class="ctrl-slide ck-prev">上一张</a> <a href="https://www.dowebok.com/javascript:" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  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>

3、JavaScript

$('.ck-slide').ckSlide();

配置

GitHub 地址：https://github.com/tudousi/ck_slide

百度网盘" name="ck_slide – 简单的jQuery幻灯片插件" pass="" code=""]