首頁  >  文章  >  web前端  >  新版Timeline的介面展示

新版Timeline的介面展示

巴扎黑
巴扎黑原創
2017-03-19 17:40:151473瀏覽

[導讀]  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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn