1、使用CSS3和jQuery制作的水平时间轴

这是一个可以在PC和移动端表现非常棒的水平时间轴，它由上部水平滑块和下部时间点对应的内容区块，点击时间轴上的时间点，下部内容会滑动到对应的内容区块。使用CSS3和jQuery技术使得时间轴滑块可以左右滑动，非常强大。

1：引入js、css

<link rel="stylesheet" href="css/reset.css"> <!-- CSS reset -->
<link rel="stylesheet" href="css/style.css"> <!-- Resource style -->
<script src="js/modernizr.js"></script> <!-- Modernizr -->


<script src="js/jquery-2.1.4.js"></script>
<script src="js/jquery.mobile.custom.min.js"></script>
<script src="js/main.js"></script> <!-- Resource jQuery -->


2：body中的内容


<section class="cd-horizontal-timeline">//整个时间轴
<div class="timeline">//上面部分
<div class="events-wrapper&#