jQuery Cycle Plugin 插件备忘

通骁
2023-12-01

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>
posted on 2012-07-13 16:16 ericyuan 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/ericyuan/archive/2012/07/13/2590446.html

 类似资料: