jquery ui的功能—jquery的主要功能有哪些 收藏 0

10个顶级的CSS UI开源框架

随着CSS3和HTML5的流行，我们的WEB页面不仅需要更人性化的设计理念，而且需要更酷的页面特效和用户体验。作为开发者，我们需要了解一些宝贵的CSS UI开源框架资源，它们可以帮助我们更快更好地实现一些现代化的界面，包括一些移动设备的网页界面风格设计。本文分享了10个顶级的CSS UI开源框架，有几个确实不错，一起来看看。

1、Bootstrap – 最流行的Web前端UI框架

Bootstrap是由twitter推出的Web前端UI框架，它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。它使用了最新的浏览器技术，Bootstrap提供了时尚的排版样式，表单，buttons，表格，网格系统等等。

官方网站：http://getbootstrap.com/

2、jQuery UI – 基于jQuery的开源Javascript框架

jQuery UI是一款基于jQuery的开源Javascript框架，jQuery UI框架主要提供了用户交互、动画、特效和可更换主题的可视控件，让开发者可以更方便地实现网页交互界面，jQuery UI的整个框架比较庞大，但你也可以根据自己需要使用的功能生成适合自己的框架底层。jQuery UI界面设计非常漂亮，值得一试。

官方网站：http://jqueryui.com/

3、jQuery UI Bootstrap

它是jQuery UI和Bootstrap的集成，它是Bootstrap样式的，因此外观比较漂亮，同时它拥有jQuery UI的控件功能，这也方便开发者快速地创建一个网页控件。

官方网站：https://github.com/jquery-ui-bootstrap/jquery-ui-bootstrap/

4、BootMetro – Metro风格的CSS框架

BootMetro是一款基于Bootstrap的前端UI框架，BootMetro的特点是可以很方便地构建类似Windonws 8扁平化风格的网页界面，效果非常不错。

官方网站：http://aozora.github.io/bootmetro/

5、Flat UI – 扁平风格 UI 工具包

Flat UI是一套精美的扁平风格 UI 工具包，基于 Twitter Bootstrap 实现。这套界面工具包含许多基本的和复杂的 UI 部件，例如按钮，输入框，组合按钮，复选框，单选按钮，标签，菜单，进度条和滑块，导航元素等等。

官方网站：https://github.com/designmodo/Flat-UI

6、网易CSS框架 NEC

NEC是网易推出的开源前端CSS框架，NEC提供了丰富UI代码库和插件，可以极大的帮助开发人员提高开发效率。即使你并非前端专业开发人员，利用NEC你也可以快速地构建属于自己的网页应用。

官方网站：http://nec.netease.com/

7、Alloy UI – 功能强大的CSS UI框架

Alloy UI是基于YUI 3的前段UI框架，包含一套丰富的（超过60）UI 部件，如图片库，对话框，树形结构，面板，自动完成，按钮，日历控件，工具条等。

官方网站：http://alloyui.com/

8、Cardinal – 移动端的CSS UI框架

Cardinal 是一个小型的移动优先的 CSS 框架，提供很多有用的默认样式、可缩放排版、可重用模块和一个简单的响应式表格系统。

官方网站：http://cardinalcss.com/

9、快速开发CSS的框架 CSScaffold

不同于许多CSS框架，它必须依靠PHP与Apache的mod_rewrite来执行，但也因为需要这两种东西，让CSScaffold变得很神奇、很方便，写起CSS来又快又轻松！

官方网站：http://www.w3avenue.com/2009/10/13/csscaffold-php-based-css-framework/

10、后台UI开发框架 MuseUI

一款基于bootstrap风格，兼容于主流浏览器（包括IE6）的后端UI开发组件。

官方网站：http://git.oschina.net/muse/museui

来云路课堂http://yun.lu参加《Web前端就业实训营》，年轻人的第一份工作，年薪20万不是梦！

快加群346392529，变身高薪程序员。

号称不用写JS代码的前端框架，你愿意尝试吗

  大家好，我是为广大程序员兄弟操碎了心的小编，每天推荐一个小工具/源码，装满你的收藏夹，每天分享一个小技巧，让你轻松节省开发效率，实现不加班不熬夜不掉头发，是我的目标！

  众所周知,jQuery EasyUI是比较流行的前端框架，适用于企业信息系统或网站后台管理，随着IE所占市场份额越来越小，EasyUI的兼容性也越来越强，但在开发过程中，对于EasyUI稍微复杂的组件功能，大多需要通过手写JS代码实现，因此增加了开发难度，降低了开发效率。

  今天小编推荐一款前端框架，是基于新版jQuery EasyUI构建，该框架TML调用功能组件，不用写JS代码，可以专注你的后端业务开发！

  使用 Apache-2.0 开源许可协议

• TML调用组件：通过对EasyUI功能组件的深度封装及扩展开发，可以使用TML调用功能组件，致力于打造不用写JS代码的EasyUI，既有EasyUI的强大功能，又有定制的美观界面。
• 扩展常用的组件：整合功能强大的第三方常用组件，如富文本编辑器ueditor、图表组件echarts、上传组件webuploader，还有自主研发的自动完成、数据过滤、组合查询、数据导入、导出等。
• 完美兼容第三方UI：采用iframe布局，可以完美兼容第三方UI框架，如bootstrap、layui等，不会出现因样式冲突而导致页面元素错位等问题。同时引入了Font Awesome字体图标替换EasyUI的原生图标。
• 标准Json接口数据：所有数据均采用标准的json数据，通过API的方式调用数据，一套后台，可同时满足前端调用，移动端APP数据调用及第三方系统调用，真正实现一源多端的数据提供模式。

整合组件

• EasyUI v1.8.6
• jQuery v1.12.4
• Bootstrap v3.3.5
• Font Awesome 4.7.0
• Echarts v3.5.3
• Ueditor v1.4.3.3
• WebUploader v0.1.5

拓展组件

• 图形报表
• 富文本编辑器
• 附件上传
• 主子表关联
• 提交表格数据
• 可编辑表格
• 查找带回
• 自动完成
• 多级联动
• 动态联动
• 多项选择
• 按钮启动弹窗
• 内页打开Tab页
• 通用过滤及查询
• 通用导入导出
• 其它组件功能

基础表单

图形报表

Tree组件

开关按钮

按钮

分割按钮

image-20210403012244342

分页

进度条

树形下拉框

标签框

选项卡

  本期就分享到这里，我是小编南风吹，专注分享好玩有趣、新奇、实用的开源项目及开发者工具、学习资源！希望能与大家共同学习交流。

25款开源免费的jQuery工具提示插件

Sweet Tooltip：基于 CSS3 的工具提示插件，提供多种提示风格

qTip：强大且精致的jQuery提示信息插件

Hint.CSS：采用SASS构建的纯CSS工具提示库，无需 JavaScript 代码

grumble.js：可创建球形气泡的工具提示

TIPSY：类似于Facebook的工具提示插件

响应式且移动友好性非常强的CSS jQuery工具提示插件

Opentip：开源免费的JavaScript工具提示框架

qTip2：第二代qTip

Tooltipster：jQuery HTML5工具提示插件，允许你轻松创建语义和流行的工具提示

Ajax Tooltip：Ajax工具提示脚本

gdakram：一个简单的动画悬停工具提示的jQuery插件

Hovercard：免费且轻量级的jQuery插件，可以轻松的在弹出层中显示文本、链接或者其他任何 HTML 元素的相关信息

clueTip：方便您为链接或其它元素添加Tooltip功能。当链接包括title属性时，它的内容将变成clueTip的标题

simpletip：一个简单的 jQuery 的工具提示(tooltip)插件，至此静态、动态以及Ajax加载的工具提示内容

Pines Notify：JavaScript通知插件，用于Bootstrap或jQuery UI

JTip：jQuery & AJAX 工具提示解决方案

(mb)Tooltip：为你的使用jQuery的页面提供的一个美丽的tooltip

Prototip2：基于Prototype框架的信息提示(tooltip)插件，提供了多样的界面效果，并且具有很高的可定制性

UniTip：一个易于实现和定制,支持多浏览的tooltip脚本

Annotator：开源jQuery文本注解插件，包含注释、标签、用户

气泡式工具提示

一个优秀的超链接鼠标悬停提示

GIPS：清洁，简单的jQuery插件，支持CSS主题

地图标签&工具提示

Profile Tooltip：一款显示个人资料的工具提示插件

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com