您好,欢迎来到源码搜藏!分享精神,快乐你我!提示:担心找不到本站?在百度搜索“源码搜藏”,网址永远不丢失!
  • 首 页
  • 在线工具
  • 当前位置:首页 > 网页特效 > 焦点图 >

    jquery带进度条提示焦点图

    时间:2014-10-10 08:30 来源:互联网 作者:源码搜藏 浏览:收藏 挑错 推荐 打印

    效果预览 进入下载地址列表
    jquery带进度条提示焦点图jquery带进度条提示焦点图是一款带进度条提示的图片淡出淡进切换效果代码。jquery进度条淡出淡进自动切换 所属专题:焦点图代码

    <script type="text/javascript">
    function prevTimers() {
    return allTimers().slice( 0, $('#pager a.selected').index() );
    }
    function allTimers() {
    return $('#pager a span');
    }
     
    $(function() {
    $('#carousel').carouFredSel({
    items: 1,
    auto: {
    pauseOnHover: 'resume',
    progress: {
    bar: '#pager a:first span'
    }
    },
    scroll: {
    fx: 'crossfade',
    duration: 300,
    timeoutDuration: 2000,
    onAfter: function() {
    allTimers().stop().width( 0 );
    prevTimers().width( 140 );
    $(this).trigger('configuration', [ 'auto.progress.bar', '#pager a.selected span' ]);
    }
    },
    pagination: {
    container: '#pager',
    anchorBuilder: false
    }
    });
    });
    </script>
    jquery带进度条提示焦点图由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/jiaodiantu/10356.html 源码搜藏承诺:本站所有资源无病毒,无弹窗,无干扰链接!