个人收藏的必备网页设计控件,也许正是你在寻找的

1、统计图表ECharts

ECharts,缩写来自Enterprise Charts,商业级数据图表,一个纯Javascript的图表库,可以流畅的运行在PC和移动设备上,兼容当前绝大部分浏览器(IE6/7/8/9/10/11,chrome,firefox,Safari等),底层依赖轻量级的Canvas类库ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘、整合的能力。

支持折线图(区域图)、柱状图(条状图)、散点图(气泡图)、K线图、饼图(环形图)、雷达图(填充雷达图)、和弦图、力导向布局图、地图、仪表盘、漏斗图、事件河流图等12类图表,同时提供标题,详情气泡、图例、值域、数据区域、时间轴、工具箱等7个可交互组件,支持多图表、组件的联动和混搭展现。

主页:http://echarts.baidu.com/

2、弹窗/层 Layer

layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验。

在与同类组件的比较中,layer总是能轻易获胜。她尽可能地在以更少的代码展现更强健的功能,且格外注重性能的提升、易用和实用性。layer兼容了包括IE6在内的所有主流浏览器。 她数量可观的接口,使得您可以自定义太多您需要的风格,每一种弹层模式各具特色,广受欢迎。

layer遵循LGPL协议,将永久性提供无偿服务。历经数年,截至到2016年09月12日,已运用在20万余家web平台,其中包括中国联通、蚂蚁短租、慕课网、phpyun等等知名网站。

主页:http://layer.layui.com/

3、日期选择 LayDate

你是时候换一款日期控件了,而layDate非常愿意和您成为工作伙伴。她致力于成为全球最用心的web日期支撑,为国内外所有从事web应用开发的同仁提供力所能及的动力。她基于原生JavaScript精心雕琢,兼容了包括IE6在内的所有主流浏览器。她具备优雅的内部代码,良好的性能体验,和完善的皮肤体系,并且完全开源,你可以任意获取开发版源代码,一扫某些传统日期控件的封闭与狭隘。layDate本着资源共享的开发者精神和对网页日历交互无穷的追求,延续了layui一贯的简单与易用。她遵循LGPL协议,您可以免费将她用于任何个人项目。

layDate除了包含日期范围限制、开始日期设定、自定义日期格式、时间戳转换、当天的前后若干天返回、时分秒选择、智能响应、自动纠错、节日识别,快捷键操作等常规功能外,还拥有更多趋近完美的解决方案。

主页:http://laydate.layui.com/

4、表单验证jQuery Validate

jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言。

该插件是由 J?rn Zaefferer 编写和维护的,他是 jQuery 团队的一名成员,是 jQuery UI 团队的主要开发人员,是 QUnit 的维护人员。该插件在 2006 年 jQuery 早期的时候就已经开始出现,并一直更新至今。

主页:https://jqueryvalidation.org/

5、表单向导jquery-steps

jquery-steps是一个聪明的UI组件,它允许您轻松地创建精灵般的接口。这个插件组成部分内容更有条理,有序的页面视图。此外,它很简单,jQuery验证可以防止步改变或提交。

支持HTML5和交互方法,异步(AJAX)内容加载,容易表单验证,嵌入式iframe内容,清爽的过渡效果,键盘导航,简单的步骤操作,在一个页面中的多个向导,轻松导航,状态持久性。

主页:http://www.jquery-steps.com/

6、文件上传Web Uploader

WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势,同时又不摒弃主流IE浏览器,沿用原来的FLASH运行时,兼容IE6+,iOS 6+, android 4+。两套运行时,同样的调用方式,可供用户任意选用。 采用大文件分片并发上传,极大的提高了文件上传效率。

头条号这里就是采用了这款图片上传插件。

主页:http://fex.baidu.com/webuploader/

7、图标库 阿里巴巴矢量图标库

Iconfont.cn是由阿里巴巴UX部门推出的矢量图标管理网站,也是国内首家推广Webfont形式图标的平台。网站涵盖了1000多个常用图标并还在持续更新中,Iconfont平台为用户提供在线图标搜索、图标分捡下载、在线储存、矢量格式转换、个人图标库管理及项目图标管理等基础功能。同时iconfont.cn平台作为矢量图标倡导者,积极在线分享矢量图标制作经验、前端应用说明,及应用中常见的一些问题。

主页:http://www.iconfont.cn/

8、树形菜单jsTree

jsTree是一个基于jQuery的Tree控件。支持 XML,JSON,Html三种数据源。提供创建,重命名,移动,删除,拖放节点操作。可以自己自定义创建,删除,嵌套,重命名,选择节点的规则。在这些操作上可以添加多种监听事件。

主页:https://www.jstree.com/

9、表格Bootstrap table

Bootstrap table是国人开发的一款基于 Bootstrap 的 jQuery 表格插件,通过简单的设置,就可以拥有强大的单选、多选、排序、分页,以及编辑、导出、过滤(扩展)等等的功能。目前在github上已经有2600多个Star,可见其受欢迎程度。

  • 支持 Bootstrap 3 和 Bootstrap 2
  • 自适应界面
  • 固定表头
  • 非常丰富的配置参数
  • 直接通过标签使用
  • 显示/隐藏列
  • 显示/隐藏表头
  • 通过 AJAX 获取 JSON 格式的数据
  • 支持排序
  • 格式化表格
  • 支持单选或者多选
  • 强大的分页功能
  • 支持卡片视图
  • 支持多语言
  • 支持插件

主页:http://bootstrap-table.wenzhixin.net.cn/zh-cn/

10、CSS动画Animation.css

Animation.css是一个迷人的动画库,它提供了一堆很酷的,有趣的,跨浏览器的动画,你可以在项目中调用它们。

主页:https://daneden.github.io/animate.css/

限于篇幅,这次只介绍这10款,说是介绍,其实只是抛砖引玉而已,具体的用法我没有附上,其实任何一个库或者控件插件类的,看官方文档是最佳的使用方式,如果有任何问题,请留言,谢谢

时间: 2024-10-14 01:57:09

个人收藏的必备网页设计控件,也许正是你在寻找的的相关文章

顺顺网页电子表格控件开源下载

顺顺表格控件是基于Web的类似于微软Excel的网页电子表格控件,是一款Javascript电子表格控件. 顺顺表格的源代码开放,可以用于Web报表设计器,Web电子表格编辑器,中国特色的电子表单设计器等. 该Web Excel控件可以和Java/Jsp/Asp.Net集成, 实现更强大的电子表格在线编辑功能. 顺顺表格是北京龙博中科软件有限公司出品的一款基于B/S构架的Web电子表格控件,功能强大.品质稳定.简单易用,完美兼容Excel.在单元格级别上支持的全面的客户定制,内建上百个计算函数.

[Windows Phone] 网页浏览控件(WebBrowser)

本文章示范如何在 Windows Phone 应用程序中使用 WebBrowser 控件,并运用 Navigate 和 WebBrowserTask 方法来指定网页并浏览网页. 前言 本文章示范如何在 Windows Phone 应用程序中使用 WebBrowser 控件,并运用 Navigate 和 WebBrowserTask 方法来指定网页并浏览网页. 实践 step1 建立项目 step2 画面设计 Button 控件:Name = btn1, Content = UU的博客 Butto

iOS:网页视图控件UIWebView的详解

网页视图控件:UIWebView 功能:它是继承于UIView的,以网页的形式用来显示从网络或者本地上加载下来的数据. 枚举: //网页视图导航类型 typedef NS_ENUM(NSInteger, UIWebViewNavigationType) { UIWebViewNavigationTypeLinkClicked,             //用户点击了一个链接 UIWebViewNavigationTypeFormSubmitted,        //用户提交了一个表单 UIWe

MVC技术的功能强大的报表创建和设计控件

Stimulsoft Reports.Web for MVC是一款采用MVC技术的功能强大的报表创建和设计控件,控件提供了完整的报表创建.编辑和显示功能,支持典型的classic ASP.NET MVC 和 ASP.NET MVC Razor,同样也支持所有从2.0开始的MVC框架,该控件开发出来的项目并不需要在客户机上安装.NET框架.ActiveX控件以及任何插件. 具体功能: 是否可以直接在浏览器中编辑和创建报表? 是的,Stimulsoft Reports.Web for MVC包含了完

美观实用值得收藏的Web前端日期控件的实现(下)

4. jQuery日历插件CLNDR 能在支持 FireFox.Chrome.Safari.傲游.搜狗.360浏览器. 源码下载/   在线演示 5.  多款不同样式jQuery日历插件   源码下载  / 在线演示 6.  jQuery datePicker日历控件 源码下载 /  在线演示 7. 支持添加事件jQuery日历 源码下载/   在线演示 美观实用值得收藏的Web前端日期控件的实现(下)

美观实用值得收藏的Web前端日期控件的实现(上)

1.  JS日历选择器控件 源码下载  /  在线演示 2.  jQuery响应式事件日历表 源码下载 /  在线演示 3.pikaday轻量级日期选择插件 源码下载/   在线演示 美观实用值得收藏的Web前端日期控件的实现(上)

多年前自创的一个网页日历控件

现在框架流行,很多常用网页控件都开发好了供人调用,如JQuery的Calendar,美观方便. 多年前我也自己闭门造车弄出个日历控件,再用在哪里已然是不可能,权且当做老照片挂起来,有空凭吊一下. 下载地址在: http://pan.baidu.com/s/1sjuLD17 下载下来是个JavaWeb工程,放Tomcat里就可以使用的.(为什么要弄个Web工程而不是html包,因为include在html里面不好用.) 日历控件代码和图片都在WebRoot下的calendar目录里. WebRoo

C#开发ActiveX网页截图控件

故事背景:Java组的小伙伴需要一个能在IE(还是6...)下截图并返回给网页的功能,但是IE做起来很麻烦(可能根本做不到),于是找到我写一个ActiveX控件实现此功能,想着可能还有其他小伙伴需要这个功能,于是就PO出来,供需要的人使用,当然也可以作为学习C#编写ActiveX的一个简单入门教程(VC++效果更好). 功能截图如下: 代码分为两个核心部分:1.C#屏幕截图:2.C#开发ActivX控件. 1.屏幕截图,这个在网上找到了一个只需要5行代码的实现(超级精简),当然你也可以费点功夫实

Android Material Design(一)史上最全的材料设计控件大全

主要内容: 本文将要介绍Material design和Support library控件,主要包括TextInputLayout.SwitchCompat.SnackBar.FloatingActionButton.Shadows.Ripples.TabLayout.RecyclerView.Card.NavigationView.BottomSheet.Palette控件. 转载请注明出处,谢谢!! http://blog.csdn.net/johnny901114/article/deta