UI框架介紹

 

UI框架主要特色

1.2.1 包含十多種中不一樣導航結構的主頁

360UI框架中目前包含了14中不一樣導航結構的主頁模板，包括portal頁面、縱向抽屜式導航、縱向多級菜單導航、樹結構導航等等。每種導航結構支持的菜單層級也不盡相同。開發者能夠根據本身的須要選擇任意一種或多種，而後基於該主頁進行開發。十多種主頁可以應對各類各樣的BS系統需求。

列舉其中一種頁面效果以下（左側爲抽屜型導航結構）：

1.2.2包含了各類經常使用的內容頁面模板

360UI框架中目前包含了很是多的內容頁面模板，並給出代碼示例。開發者在製做一個頁面時，能夠根據本身的須要找到合適的內容頁面模板，而後拷貝相關代碼便可作出美觀、兼容性好、用戶體驗良好的頁面。必要時能夠根據本身的需求進行微調。

下面是列舉了一個圖標導航頁面的例子：

1.2.3對網頁原有組件進行改進

360UI框架針對網頁原有的組件進行改進，一方面提升了組件的美觀和擴展性，另外一方面還不影響開發者的開發習慣，有助於開發效率的進一步提高。

下面是列舉了將網頁原始的提示信息改形成新的風格：

1.2.4新增很是多的實用組件和特效

傳統的網頁組件頗有限，沒法知足現今WEB頁面開發的須要和用戶對良好體驗的需求。360UI提供了更多的功能更爲強大的組件和特效供使用，並且絕大多數組件使用方法很是簡單。這些組件極大地提升開發效率和用戶的體驗度。

部分新增組件效果以下：

1.2.5包含完備的CSS樣式庫

簡單說來CSS庫就是一些已經寫好的CSS，要實現網頁外觀上的調整隻要使用class=「xxx」就能夠了，沒必要再寫CSS。充分利用css庫可以很大程度地提升效率。

CSS庫包含控制基本佈局（浮動 對齊 行高等）、控制表現（寬高、顏色、字號、縮進）、控制定位 （上下左右的偏移量）和圖標庫等。

以圖標庫爲例，使用圖標庫能夠經過一句話很方便地建立圖標，應用於按鈕、菜單項、工具條中，以下圖：

1.2.6很是豐富的皮膚樣式

10多種不一樣結構的主頁中每種結構都有8-12套皮膚供選擇。以下圖：

除了框架提供的皮膚外，用戶也能夠根據教程本身輕鬆定製皮膚。另外還支持動態更換換膚。

還有多達140套精心設計製做的登陸頁面皮膚，以下：

1.2.7完美的瀏覽器兼容性

框架在整個製做過程，經過多種兼容性技術一直確保在各主流瀏覽器中作到兼容。目前能夠與：IE6、IE7、IE8、IE9、FireFox、Chrome、Safira等主流瀏覽器完美兼容。

1.2.8提供組件與特效的分離版本

若是你的WEB應用只須要使用框架的某幾個組件或特效，那麼沒必要將整套框架機制所有引入到項目中，360UI框架還提供的組件與特效的分離版本，每一個組件都是一個獨立的文件包。效果以下：

   www.360ui.net