jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

jQuery幻灯片插件Flickerplate_iffont

jQuery幻灯片插件Flickerplate

分类：代码日期：2014-06-13

jQuery幻灯片插件Flickerplate

演示下载

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

除了 jQuery 必引用外，Modernizr（modernizr-custom-v2.7.1.min.js）也是必须的，Modernizr 是一个 HTML5/CSS3 功能检测库。jQuery.Finger（jquery-finger-v0.1.0.min.js）是一个触摸事件插件，如果不需要支持移动设备，可去掉。

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

查看演示

下载本素材需消耗 50 积分

无法下载？立即反馈

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件，压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容：Flickerplate 使用了 CSS3 属性，所以只兼容 IE10 及以上版本和其他主流现代浏览器，IE 低版本效果欠佳，但可正常使用。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数，看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法	类型	默认值	说明
arrows	布尔值	true	显示左右箭头控制
arrows_constraint	布尔值	false	左右到头了禁止点击
auto_flick	布尔值	true	自动播放
auto_flick_delay	整数	10	自动播放间隔，以秒为单位
block_text	布尔值	true	文字显示背景阴影
dot_navigation	布尔值	true	显示圆点导航
dot_alignment	字符串	center	圆点导航位置
flick_animation	字符串	transition-slide	动画切换方式，可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position	整数	1
inner_width	布尔值	false
theme	字符串	light	设置主题，可选 light、dark 2种

标签：jquery幻灯片插件 jQuery插件幻灯片

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

jQuery幻灯片插件Flickerplate

简介

兼容

使用方法

1、引入文件

2、HTML

3、JavaScript

配置

相关代码

简介

兼容

使用方法

1、引入文件

2、HTML

3、JavaScript

配置

相关代码

简介

兼容

使用方法

1、引入文件

2、HTML

3、JavaScript

配置

相关代码

简介

兼容

使用方法

1、引入文件