Connect_logo_6.png 退出
前端视频教程 小程序 众筹源码 python 商城源码 商城模板 响应式模板 中文模板 手机模板 企业源码

jQuery百叶窗动画焦点图切换代码

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2018-02-10
风格挺酷的一款jQuery百叶窗动画焦点图切换代码,个性化左右箭头按钮或底部索引按钮控制图片切换。


js代码

<script type='text/javascript' src='js/jquery-1.4.2.min.js'></script>
<script type='text/javascript' src='js/jquery.nivo.slider.pack.js'></script>
<script type="text/javascript">
$(document).ready(function(){

	$('#slider').nivoSlider({
		effect:'random',
		slices:15,
		animSpeed:500,
		pauseTime:3000,
		directionNav:true,
		controlNav:true,
		keyboardNav:true
	});

});	
</script>