新版Timeline的介面展示

[導讀]  1、功能簡介：點擊業務介面的TimelineButton之後進入Timeline的主頁面；主頁面融合了TimeElapsed的技術框架，並且引入了Timeline的infobox進行介面展示，豐富了頁面效果，用HTML取代了原有Silverlight的實現方

        1、功能Time：點擊業務介面的TimelineButtoninfoline發布的主頁面； ，豐富了頁面效果，用HTML取代了原有Silverlight的實現方式，界面感強，能夠進行Drag和Resize，不同的顏色代表不同的事件類型，點擊More可以顯示更加詳細的信息，點擊Link可以鏈接到對應Event的Summary頁面，事件有覆蓋的地方，可以上下拖曳查看，程式載入過程會自動初始化適當的Infobox位置。

       2、設計與實現：整個頁面是純HTML實現的，主體拖曳和縮放的演算法和位置的計算等等都是自主研發的，Dialog是jQuery UI的Dialog，右上角的工具條是Ext的Toolbar；Silder也是用的jQuery UI的Draggable和Resizable實現的。

       3、Dialog設計理念：在彈出的Dialog中實現，免去了與主頁面的接邊的處理，也免去了滾動條的問題【頁面滾輪事件與Timeline的滾輪縮放有衝突】，便於與其他項目的融合。

以上是新版Timeline的介面展示的詳細內容。更多資訊請關注PHP中文網其他相關文章！