jQuery Cycle Plugin 插件备忘

Jquery Cycle插件导航两种简单的插入方式

1.在循环标签块内插入导航代码

<script type="text/javascript">
$(function() {
    $('#slideshow').cycle({
        fx:     'turnDown',
        speed:  'fast',
        timeout: 3000,
        pager:  '#nav',
        slideExpr: 'img'        //排除循环列表中不需展示的标签块
    });
});
</script>

2.在循环标签块前插入导航代码

<script type="text/javascript">
$(function() {
    $('#slideshow').before('<div class="sub-nav">').cycle({
        fx:     'turnDown',
        speed:  'fast',
        timeout: 3000,
        pager:  '#nav',
    });
});
</script>