這次跟大家介紹jQuery plug-in  - Timeline JS
http://timeline.verite.co/

HTML5大大提高了使用者介面的互動性、演示動畫等功能, 把Timeline用在對的內容, 對presentation有很大的幫助。

Timeline JS是建立於jQuery的外掛, 在github也可取得source code, 而且經過測試及不少大站使用
official site亦有generator讓你幾乎不用任何coding便有自訂的Timeline直接embed到網頁裡。
更有Google map及word press等的兼容設置, 而資料來源(datasource)方面更接受google doc, JSON等通用的制式, ajax也沒有問題~
(筆者已測試了IE9, so far so good)

三個步驟快速搞定一個Timeline出來! 
Make a simple timeline in 3 steps !

1. 使用這template,建立新的excel文件 https://docs.google.com/a/digitalartwork.net/previewtemplate?id=0AppSVxABhnltdEhzQjQ4MlpOaldjTmZLclQxQWFTOUE&mode=public
2. 選擇publish to web, 再把網址貼到那個"Embed Generator" (http://timeline.verite.co/#embed)
3. 然後基些基本的設定, 例如身高體重 =P 那麼右邊的HTML code便隨時可以放進你的網頁/Blog使用了。Fit爆,那是iframe, 不怕有些blog engine block了JavaScript

好吧來Demo 了
(手機版的朋友....你們要返回Desktop才行了)