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>