jqtimeline演示两款不同的时间轴

本文介绍一款时间轴插件：jqtimeline 你可以很轻松的创建社交应用、博客的时间表以及社会岗位时间表等等。提示：jqtimeline 的数据是自定义的 json 格式。

淘建站为您提供更多_日期时间_时间轴_时间轴_时光轴，在此特别感谢您对我们的支持与厚爱！

HTML

<div id="longTimeLine"></div>

引入jquery库和jqtimeline相关组件

<link rel="stylesheet" href="css/jquery.jqtimeline.css">
<script src="js/jquery.js"></script>
<script src="js/jquery.jqtimeline.js"></script>

定义二维JSON数组

var ev = [{
    id: 1,
    name: "任天堂3 DS。=",
    on: new Date(2011, 2, 27)
},
{
    id: 2,
    name: "加入Facebook",
    on: new Date(2011, 2, 17)
},
{
    id: 9,
    name: "索尼PS 4可以释放",
    on: new Date(2013, 6, 10)
}]

调用jqtimeline插件

$('#longTimeLine').jqtimeline({
    events: ev,
    numYears: 3,
    startYear: 2011,
    click: function(e, event) {
        loadPage(event);
    }
});