首页

源码搜藏网

首页 > 网页特效 > 焦点图 >

jQuery实用淡入淡出幻灯片

创建时间:2014-07-24 08:14  

jQuery实用淡入淡出幻灯片
jQuery实用淡入淡出幻灯片
效果预览 立即下载

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>

上一篇:js淘宝幻灯片上下滑动效果
下一篇:jQuery手机焦点图切换特效代码

相关内容

热门推荐