jQuery横向滚动时间轴插件


jQuery横向滚动时间轴插件
jQuery横向滚动时间轴插件以及横向滚动、时间轴等js/jquery网页特效代码下载。

1. 引入CSS

<link rel="stylesheet" type="text/css" href="./css/timeAxis.css">

2. 引入JS

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="./js/timeAxis_new.js"></script>

3. HTML代码

<div class="cx-time-main" id="cxTime"></div>
<script type="text/javascript">
	var oTimeAxiosFun = null;
	$(function () {
		var timeList = [
			{name:'第一次',time:'2019-11-01'},
			{name:'第二次',time:'2019-11-02'},
			{name:'第三次',time:'2019-11-03'},
			{name:'第四次',time:'2019-11-04'},
			{name:'第五次',time:'2019-11-05'},
			{name:'第六次',time:'2019-11-06'},
			{name:'第七次',time:'2019-11-07'},
			{name:'第八次',time:'2019-11-08'},
			{name:'第九次',time:'2019-11-09'},
		];//参数列表
		var param = {
			data: timeList,
			id: 'cxTime',
			width: '200px',
			index: 0
		}
		oTimeAxiosFun = new oTimeAxios(param);
	})
</script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>

相关推荐

发表评论

相关文章