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