注册 登录 充值会员 退出
毕业设计 PHP源码
充值

jQuery左右滚动切换时间轴代码

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2018-01-28
jQuery左右滚动切换时间轴代码
这是一款实用的jQuery左右滚动切换时间轴代码,左右箭头按钮控制时间轴年份切换,内容可图文混排。


js代码

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-timeLine.js"></script>
<script type="text/javascript">
$(function(){
	$("#timeLine").timeLine({
		w:850  //每一个li的宽度
//            btnPrev:"#btnLeft",      //上一个按钮
//            btnNext: "#btnRight",  //下一个按钮
//            dateBox:"#yearList", //日期的ul盒子
//            dateArr: "#yearList li", //保存每一个日期的数组
//            conBox:"#cUl",  //保存切换内容的ul盒子
//            conArr:"#cUl li" //保存每一个内容的数
	});
});
</script>