jQuery時間軸套件，使用簡單是它的優點

GitHub Star: 469
Javascripting Overall: -
瀏覽器: Chrome、Firefox和IE10+
RWD: 支援
License: -

《安裝》

• CDN

    <!-- jQuery v1.9.1 -->
    <script type="text/javascript" src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
    <!-- Timeline.js v0.0.1 -->
    <link href="https://night.myweb.hinet.net/cdn/timeline/0.0.1/dist/css/timeline.min.css" rel="stylesheet" />
    <script src="https://night.myweb.hinet.net/cdn/timeline/0.0.1/dist/js/timeline.min.js"></script>
  

• npm

    $ npm install timelinejs-slider
  

• Bower

    $ bower install timelinejs-slider
  

《範例》

• 時間軸效果

    <div class="timeline-container">
    	<div class="example timeline">
    		<div data-time="2018"><!-- 內容 --></div>
    		<div data-time="2017"><!-- 內容 --></div>
    		...
    	</div>
    </div>
    <script>
    	$( ".example" ).Timeline();
    </script>
  

《延伸》

1. Timeline.js - easily creates timeline slider
2. ilkeryilmaz/timelinejs: jQuery timeline plugin, easily creates timeline slider.