默认

  • Flickerplate
    ——小巧的jQuery幻灯片插件
  • 可修改 Javascript 或 CSS
    查看参数,看看如何修改成你需要的效果
  • 触摸事件
    引入 jQuery Finger 插件可支持移动设备触摸事件

默认配置就很好,带左右箭头、圆点导航和自动播放,可满足大多数要求。

JavaScript

$(function(){
    $('.flicker-example').flicker();
});

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>

dowebok.com 说 明 下 载