本文精选了一系列前端JavaScript框架和插件，覆盖视频播放、表格、音乐播放、搜索、日历、颜色选择、日期选择及灯箱效果等多个方面，帮助开发者快速提升网站功能与用户体验。
向往前端转的同学们 注意了 LZ发现了一个前端JS框架很多的地方 这个就是
http://www.open-lib.com
不多说 上案例
HTML5视频播放框架
html5media是一个JavaScript音频/视频播放器能够让每一个浏览器都能够播放在HTML5多媒体标签中定义的多媒体文件。
这是一个基于jquery和html5实现的视频播放组件,它使用回调机制来实现一般意义上的3个播放器功能，通过过滤media标签里的源代码来找到合适的播放器，并替代media标签实现控制。
表格JS框架
顺表控件是基于Web的类似于微软Excel的网页电子表格控件，是一款Javascript电子表格控件。 顺表的源代码开放，可以用于Web报表设计器，Web电子表格编辑器，中国特色的电子表单设计器等。 该Web Excel控件可以和Java/Jsp/Asp.Net集成, 实现更强大的电子表格在线编辑功能。
PHP遵循MicrosoftOpenXML标准的一套读写Excel2007格式文件类。可对电子表格的元数据（作者，标题，说明等）进行操作，甚至可以对单元格字体，样式，加框，填充，添加图片等进行设置。
jQuery.sheet是一个Web电子表格jQuery插件。功能、界面风格与MSExcel相似。
Backgrid.js 是一个基于 Backbone.js 用于构建语义和容易样式化的 HTML 表格组件。提供简单、直观的编程接口。
jqxGrid 是一个强大的数据表格插件，完全基于开放的 Web 标准构建。提供丰富易用的 API，支持多种设备多浏览器。提供高级数据可视化特性，内嵌客户端和服务器端翻页、排序和过滤功能。
tablecloth.js 是一个开源的 jQuery 插件，用来简化 HTML 表格的样式，并提供定制功能。tablecloth.js 基于 Twitter Bootstrap 构建，包含最受欢迎的 jQuery 表格操作插件 tablesorter.
Miso 是一个开源工具包，旨在加快建立高品质的互动故事和数据可视化的内容。它让浏览器加载、解析、排序、查询和操作数据变得非常简单。
ZK Pivottable是一个Ajax数据汇总组件，为Java Web应用程序带来了电子表格的数据透视表功能，从而使开发人员能够利用一个现成的组件即在线显示复杂的数据集。
一个非常不错的显示数据到网格里的插件。点击后，缩略图会翻转，然后显示更多信息。
TableTree4J是一个开源的基于javascript的树状菜单和表格控件，实用TableTree4J可以轻易实现带树状折叠效果的表格和树状折叠菜单。
音乐播放插件
Speakker是一个开源并且可定制的HTML5音乐播放器。利用几行JavaScript代码就能够将它集成到任何网页中。该播放器使用非常灵活，可以改变它的大小、颜色，它还提供两个内建的主题模板。
ZEN-player一款基于jPlayer类库实现的简单轻量的音乐播放器。
AccessibleAudioPlayer(AAP)是一个跨浏览器，带有播放列表的音乐播放器。它使用HTML5Audio标签来播放音乐，对于那些不支持HTML5Audio标签的浏览器则采用Yahoo!MediaPlayer代替。
jlEmbed是一个能够很方便将多媒体播放器嵌到网页中的jQuery插件，支持AdobeFlash、Quicktime、RealPlayer、Silverlight和WindowsMediaPlayer等播放器，使你不再需要你的视频和音乐编写HTML代码。
基于jPlyer开发的音乐播放插件.支持如下功能：1，进度条播放。2，上一首，下一首，随机播放。
Fab'sBoombox是一个基于SoundManager与Ext3.0Corelibrary开发的JavaScript音乐播放器。
WPAdudioPlayer是一个用于播放MP3文件的WordPress插件。简单易于使用和定制。
FlashMP3Player是一个易于安装的FlashMP3播放器。能够扫描指定的文件夹，然后自动生成播放列表。支持自定义外观。
搜索框架
这款jQuery插件来自于Twitter的一个新的项目，支持远程和本地的数据集。比较有特色的地方在于你可以将数据集使用本地存储(local storage)来保存在本地，有效的提高用户体验。同时也拥有很多远程数据集的处理选项，例如（请求频率，最大的并发请求数，等等）。
jQuery.AutoComplete是一个基于jQuery的自动补全插件。借助于jQuery优秀的跨浏览器特性，可以兼容Chrome/IE/Firefox/Opera/Safari等多种浏览器。
NbspAutoComplete是一款自动完成插件。
jQuery TextExt ， 这个插件能够有效的帮助你快速添加标签，并且提供相关的强大的辅助功能，帮助你有效的输入，自动补齐提示及其提供AJAX支持。
AutoComplete 是一个 jQuery Mobile 的插件，用于实现在 jQuery Mobile 中的搜索框中提供自动完成的功能。
Tag-it是一个JQuery UI 的组件，支持各种设定和主题设置。
Manifest是一个可以为多值输入增加更多惊喜的插件。Email地址中的多个收件人字段是一个非常好的例子，你可以只简单提供一般文本输入，要求用户使用分号手工分开每一个收件人。但是移除收件人是一个费劲的事情，但是使用这个插件，你知道用户会非常高兴这种用户操作体验的。
xqkinput是一款轻量级的拼音输入提示jQuery插件，基于jQuery1.4.4开发，主要实现在输入框中输入中文拼音，给出相应的提示。
这是网友自己开发的基于jquery的邮箱地址自动完成插件.
Combogrid是一个jQuery插件用于为输入框添加高级自完成功能（auto-complete）。当用户输入的时候，会在输入框的下方面动态显示一个拥有分页功能的表格（Grid）控件。
jQuery Verbose Calendar 是另一个 jQuery 的日历插件，提供优雅的用户界面和轻松的日期滚动切换。
jQueryFrontierCalendar是一个可灵活定制的月日历jQuery插件，看起来类似于Google
Calendar。当在一个日期单元格中有比较多的待办事项时，将出现一个更多的链接，点击这个链接会弹一个jQuery模式对话框来显示所有的事务。这个日历还支持通过CSS文件改变整个日历的背景。
NoGray制定了一个像我们这样的Web开发人员自由和高度可定制的JavaScript日历组件。它外观和日历的感觉也可以很容易使用CSS改变。你可以在任何网页上有一个这样的日历。您还可以启用多个日期选择。日历看起来真的很容易集成到您的网站。
MooMonth一个完整的日历应用程序，他以mootools框架的JavaScript写成。高度重配置和可定制。它具有平滑性感和不视角之间的过渡。MooMonth提供的CC–GNU的LGPL许可。所以，你可以自由下载并使用它。它看起来很漂亮，我非常喜欢它的淡入和淡出效果。
Plans是一个强大并且灵活的Web日历，它支持经常性事件，合并日历，设置事件图标，自定义主题和模板，导入/导出iCal，导出MSOutlook等。
Vista-likeAjaxCalendar是一个基于MooTools的vista效果的日期选择插件.
MonketCalendar是一个支持ajax的在线日历插件机，拥有iCal风格的界面，并且支持拖拽的方式来创建跨越多个日期的事件，创建和修改事件不需要刷新整个页面。
ExtCalendar是基于ExtJS开发的一个功能强大的专业日历显示组件，支持包括IE、Firefox、Safari、Chrome和Opera浏览器。
wdCalendar是GoogleCalendar的一个克隆，基于jQuery实现。包含Google日历的大部分功能包括：提供按天/周/月查看视图。支持通过拖拉的方式创建/更新/删除事件。易于给合数据库一起使用。
颜色选择插件
ColorPicker 是一个基于 jQuery UI 的颜色拾取器，支持多种选择样式。
jPicker 是一个快速、轻量级的 jQuery 插件，提供高级的颜色拾取功能。
wColorPicker是一款基于jquery的颜色选择器.
Flexi是一个简单、轻量级颜色拾色器，基于SVG/VML技术实现。它没有基于依赖任何JavaScript框架开发，能够将选中的颜色以hexadecimal、HSV、RGB三种格式返回。选择器的尺寸、位置和滑块面积都可以采用CSS自定义，就像设置div元素一样。
JSColor是一个简单，易于使用的颜色选择器JavaScript控件。它拥有HSV和HVS两种模式，可以设置一个默认展示颜色在初化加载的时候。它的界面可以通过CSS自定义。
ColorPicker是一个采用jQuery开发的强大颜色选择器。与其它颜色选择器不同之处在于，它是将一个正常的select下拉标签中的颜色选项变成一个直观，跨浏览器的颜色选择器。
jquery.icolor是又一款颜色选择器.
jQueryColorsPickersHSL是一个基于jQuery.colors插件创建，使用HSL(hue,saturation,lightness)颜色模型的颜色选择器。
ColorPicker是一个可灵活定制没有依赖于任何JS框架的JavaScript高级颜色选择器。它能够在6种不同的颜色模式中显示整个调色板（约~16.78mil.colors）。这个颜色选择器有4种从简单到高级大小和功能不同的选择面板。面板外观可以利用CSS更改，可拖拉也可以固定。
xcolor是一个jQuery插件用于在颜色上执行各种不同的操作。首先可以实现各种不同格式之间的互相解析和转换如getRGB()、getHSV()或getHEX()。第二可以抽取和混合颜色如红色混合蓝色将变成紫色。此外还可以产生互补色。
日期选择插件
jsMultiCalendar 是一个 JavaScript 实现的日历控件，运行速度快，使用灵活，参数化定制简单，可在 CSS 中快速修改颜色等。同时还支持多语言。
jdPicker 是一个 jQuery 的日期选择插件，可让你在编辑框中下拉日历并选择日期。
Kalendae 是一个 JavaScript 实现的日期选择工具，无需依赖其他 JS 库。
Zebra_Datepicker是一个轻量（11KB左右），结构紧凑(只有一个文件)，高度可配置的jQuery日期选择器插件。外观可以通过CSS样式表进行自定义。
glDatePicker是一个简单，可以定义，轻量级jQuery日期选择插件。压缩后只有4KB左右。它提供的一些功能包括：向前和向后导航，默认当天日期高亮选中，显示当前选中的日期，限制日期选择范围（如：将日期限制在开始日期后的N天内），设置每一个日期选择器的样式。
lhgcalendar是一功能强大的简单迷你并且高效的弹出日历组件，基于网络访问并且兼容IE6.0+,Firefox3.0+,Opera9.6+,Chrome1.0+,Safari3.22+。
jQuery Countdown是一个倒计时jQuery插件，易于更换皮肤。一个页面可以有多个倒计时实例，可以停止和开始。
wdDatepicker是一个日期选择控件，还支持月份和年份下拉列表选择。
这是一个可以选择多日期，多月份的DatepickerjQuery插件。
Continuouscalendar是一个日期多选控件，利用页面滚动来代替按月翻页。支持一次选择多个日期。支持各种不同的日期格式。
灯箱效果
EasyBox 是 Lightbox 的克隆，基于轻量级的 Slimbox2 脚本，提供了一些附加功能包括显示 YouTube 和 Vimeo 视频作为内嵌内容和 iFrame，更好的支持动画和主题。
fancyBox是一个工具，它提供了一个很好的和优雅的方式来增加缩放功能的图像，在您的网页上的HTML内容和多媒体。它建立在流行的JavaScript框架jQuery之上，既容易实现，而且可以定制。
Fresco 是一个漂亮的响应式的 lightbox，可用于创建令人惊叹的、支持各种屏幕尺寸的弹出层。
TopUp是一款基于jquery用于显示图片和网页的对话框组件.
CeraBox是一个基于MooTools的Lightbox灯箱插件。它能够展示图片，SWF文件和其它任意可通过iframes或Ajax加载的HTML内容。展示窗体可以根据加载内容大小自动调整。
SlightlyThickerBox是lightbox图片展示插件,并且利用它很容易实现相册功能.
Imagebox是一基于jquery的lightbox图片展示插件.
ColorBox是一个轻量级，可定制的Lightbox插件，可以在jQuery1.3和1.4中使用，ColorBox支持照片，照片组，幻灯片，ajax，内联和iframe框架。
该插件基于jquery可使图片随意叠放,当点击某图片时候,自动打开lightbox显示.
Lumebox是一个LightboxjQuery插件。它一个特有的功能就是能够读取RSS聚合，从而能够更方便地展示图片。
太多了 大家可以看看 使自己的网站亮起来
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
