分享一款能充分挖掘设计者想象力的jQuery幻灯插件 - Sequence

日期：2012/02/20  来源：GBin1.com

在线演示  本地下载

今天我们要介绍一款非常特别的jQuery幻灯插件 - Sequence ，之所有称之特别，是因为它并没有特定的主题显示方式，所有的显示都可以由开发者自己控制和实现。任何类型的内容都可以有效地显示在幻灯中。

因为使用CSS3特效，所以，你需要使用现代浏览器来查看特效，但是也可以很好的支持老版本的留言其，同时它支持responsive布局及其触摸类设备，例如，ipad等。

主要特性：

• 使用CSS3实现的独特过渡效果
• 支持所有现代浏览器
• 很优雅的支持老版本浏览器
• 支持responsive布局
• 支持触摸设备和swiping
• 很多开发特性
• 使用语义并且使用简单的标签
• 开源

如何使用？

倒入类库：

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="scripts/sequence.js"></script>

初始化sequence：

<script type="text/javascript"> 
    $(document).ready(function(){
        var sequence = $("#sequence").sequence(options);
    }
</script>

HTML：

<div id="sequence">
    <ul>
        <li>
            <div class="info1">
                <p>Frame 1</p>
            </div>
        </li>
        <li>
            <div class="info2">
                <p>Frame 2</p>
            </div>
        </li>
        <li>
            <div class="info3">
                <p>Frame 3</p>
            </div>
        </li>
    </ul>
</div>  

具体使用请参考在线演示

来源：分享一款能充分挖掘设计者想象力的jQuery幻灯插件 - Sequence