unslider图片轮播插件初体验（一）

前短时间在做一个网页，然后要用到图片轮播，这下头大了，新手一枚，自己又不会写图片轮播，即使写出来也是很糟糕，不好维护的。怎么办呢，百度咯。。。。！于是我找到了一个JQuery的图片轮播插件叫unslider，符合我的项目要求。虽然最后并没有采用，但是仍然有学习的价值。因此写下一篇博客，以后忘记了还可以回来看，也当做在这里储备知识了。
提示：
（这里面的知识需要JQuery和Javascript基础，没学过这两个知识点的小伙伴们，建议先去学习这两个知识点后再来看本文章）

下面我就开始介绍一下这个框架：

unslider这个图片轮播框架很小，
不到3kb，
支持键盘导航，
支持响应式布局，
支持主流浏览器，
并且支持IE6+，
（这里由于我没有IE6可以用来测试，支持IE6是别人测试后反馈的额，而我最低只是测试过I8可运行！）

在这里我先给大家提供一个可下载这个插件的网址，大家可以在这里通过这个地址下载插件，也可以自己百度下载。
前往下载地址

下面我们可以先看看unslider插件的可用参数：
（觉得不全面的，可以自己去下载并查看源代码，在源代码中可以看到更多更加详细的参数）

代码里都有注释，这里不做解释了

 $('#element').unslider({
        speed: 500,               //  滚动速度
        delay: 2000,              //  动画延迟

        complete: function() {
   },  //  动画完成的回调函数 // 在每个动画之后调用的函数

        keys: true,        //  启动键盘导航
        dots: true,         //  显示点导航
        fluid: true,       //  支持响应式设计 // 是否宽度自适应
        loop: true,
        autoplay: true// 是否无尽循环播放
        arrows: f,      // 是否显示向前和向后的箭头
        prev: '←',     // 向前按钮中的显示文字(或html片段)
        next: '→',     // 向后......
        starting: f,    // 在每个动画前调用的函数
        items: '>ul',   // 幻灯片的容器选择器
        item: '>li',    // 需要滚动的选择器
        easing: 'swing',// 动画的缓动函数(easing function)
        autoplay: true  // 是否允许自动播放 
    });

看完unslider插件的参数后࿰