jQuery实用淡入淡出幻灯片jQuery实用淡入淡出幻灯片是一款经典实用的淡入淡出幻灯片,带索引按钮,自动播放,淡入淡出过渡效果。jQuery淡入淡出索引按钮自动播放 所属专题:幻灯片代码
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#slideshow').cycle({
fx: 'fade',
speed: 'slow',
timeout: 5000,
pager: '#slider_nav',
pagerAnchorBuilder: function(idx, slide) {
return '#slider_nav li:eq(' + (idx) + ') a';
}
});
});
</script>