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>