时间轴横坐标日期

<div class="events">
    <ol>
        <li><a href="#0" data-date="16/01/2014" class="selected">16 Jan</a></li>
        <li><a href="#0" data-date="28/02/2014">28 Feb</a></li>
        <li><a href="#0" data-date="20/04/2014">20 Mar</a></li>
    </ol>
</div>

对应事件

<div class="events-content">
    <ol>
        <li class="selected" data-date="16/01/2014">
            <h2>Horizontal Timeline</h2>
            <em>January 16th, 2014</em>
            <p>	
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
            </p>
        </li>

        <li data-date="28/02/2014">
            <h2>Event title here</h2>
            <em>February 28th, 2014</em>
            <p>	
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
            </p>
        </li>

        <li data-date="20/04/2014">
            <h2>Event title here</h2>
            <em>March 20th, 2014</em>
            <p>	
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
            </p>
        </li>
    </ol>
</div>

引入jQuery库和时间轴插件timeline.js

<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
<script src="js/timeline.js"></script>