当前位置:首页 > 网页特效 > 焦点图 >

flexslider制作支付宝2013版幻灯片精美特效

时间:2014-04-14 23:54 来源:互联网 作者:源码搜藏 收藏 推荐

  • 广告推荐
效果预览 立即下载

更多相关
jquery索引按钮淡入淡出自动切换 所属专题:幻灯片代码
脚本简介
flexslider制作支付宝2013版幻灯片是一款来自支付宝网站的jquery flexslider插件幻灯片代码。
flexslider制作支付宝2013版幻灯片精美特效
适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.

<h1 style="margin: 40px; font: 32px Microsoft Yahei; text-align: center;">用FlexSlider制作支付宝2013版幻灯片演示</h1>
 
<div class="flexslider">
<ul class="slides">
<li style="background: url(images/img1.jpg) 50% 0 no-repeat;"></li>
<li style="background: url(images/img2.jpg) 50% 0 no-repeat;"></li>
<li style="background: url(images/img3.jpg) 50% 0 no-repeat;"></li>
<li style="background: url(images/img4.jpg) 50% 0 no-repeat;"></li>
<li style="background: url(images/img5.jpg) 50% 0 no-repeat;"></li>
</ul>
</div>
 
 
 
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/jquery.flexslider-min.js"></script>
<script>
$(window).load(function() {
$('.flexslider').flexslider({
directionNav: false,
pauseOnAction: false
});
});
</script>
本站资源仅限于学习研究,严禁从事商业或者非法活动! 源码搜藏网所有源码来自互联网转载与用户上传分享,如果侵犯了您的权益请与我们联系,我们将在24小时内删除!谢谢!

焦点图下载排行

最新文章