`
icejadelove
  • 浏览: 134778 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

常用jQuery web工具集7

阅读更多

jQuery Desktop

利用jQuery实现一个类似于Window的桌面,实现包括顶部菜单和一个底部任务栏。
jQuery Desktop.jpg

jQuery Desktop

Create a Resizable Image Grid with jQuery

利用jQuery创建一个通过拖动滑块来放大或缩小一组图片的插件。
Resizable-Image-Grid.jpg

Create a Resizable Image Grid with jQuery

Image

Animated Navigation with CSS & jQuery

利用CSS+jQuery实现一个具有动画效果的导航条。当鼠标移过某个菜单项时,会出现翻滚的效果。
final.jpg

Animated Navigation with CSS & jQuery

Menu

jTimepicker

jTimepicker一个jQuery插件用于设置小时,分钟,秒。利用jQuery UI Slider拖动调节。
jTimepicker.jpg

jTimepicker

jQuery Fixed Table Header Plugin

这是一个可以固定表头的jQuery插件。当表格向下滚动时,表头不会跟着动。
Header-Plugin.jpg

jQuery Fixed Table Header Plugin

Grid

Dialog jQuery Plugin

一个jQuery的Dialog插件,可拖动,可改变大小,可用AJAX加载内容。
jdialog.jpg

Dialog jQuery Plugin

Window

jQuery Numeric

jQuery Numeric只允许在文本框中输入0到9数字的jQuery插件。
用法: $(input).numeric();

jQuery Numeric

Forms

jHtmlArea

一个简单、轻量级、可扩展、基于jQuery开发的WYSIWYG HTML编辑器。这个组件可以很方便将页面中的TextArea标签转换成一个WYSIWYG HTML Editor。整个编辑器包括图片和CSS大小只有22k。
jHtmlArea.jpg

jHtmlArea

Editor

JQuery Esay Tooltip

这个插件让你利用简单的方式就能够实现一个漂亮的Tooltips。
$(Element).easytooltip(formid);
Esay_Tooltip.jpg

JQuery Esay Tooltip

Tooltips

Reditor

Reditor是一个基于JQuery和JQuery UI开发的HTML Editor。
Reditor.jpg

Reditor

Notify

Notify是一个用于制作在网页上弹出消息通知框的jQuery插件。消息框样式完全由CSS控制,支持分组通知可以不同区域出不同的通知消息,可以上/下/侧边弹出消息框。

Notify

HtmlBox

HtmlBox是一个基于jQuery开发的HTML/XHTML编辑器。易于使用。支持多种浏览器Mozilla Firefox、Internet Explorer6.0、Opera、Safari和Netscape。非常小只有15kb。HtmlBox默认返回HTML,但也可以输出XHTML。集成Ajax支持。
HtmlBox.jpg

HtmlBox

Editor

jQuery Countdown

jQuery Countdown是一个用于制作倒计时的jQuery插件。
jQuery-Countdown.jpg

jQuery Countdown

Slideshow Lite

Slideshow Lite是一个简单的幻灯片式图片展示插件。拥有简洁的HTML代码结构,易于使用,可定制。
Slideshow-Lite.jpg

Slideshow Lite

Slideshow

imgZoom

imgZoom这个jQuery插件实现了一种图片平滑缩放的效果。它使用矢量图(SVG/ VML)在缩略图与原图之间实现优美的转换。
zoom
imgZoom.jpg

imgZoom

Image

jOmino

将多个HTML元素封装在一个jQuery集合中,然后让它们产生多米诺运动效果。
jOmino.jpg

jOmino

Barcode

Barcode是一个条形码生成jQuery插件,能够生成以下几种格式的条形码:
- EAN 8
- EAN 13
- standard 2 of 5 (industrial)
- interleaved 2 of 5
- code 11
- code 39
- code 93
- code 128
- codabar
- MSI
支持:添加和删除CRC(依赖于条形码类型),可以设定条形码宽度、高度、颜色和字体大小,添加和删除HRI(Human Readable Interpretation:人可读解释),可以输出bmp、svg、css三种类型。
Barcode.jpg

Barcode

Zooma

Zooma是一个图片放大镜jQuery插件。
Zooma.jpg

Zooma

Image

jQuery plugin: maxChar

maxChar这个插件用于为任意HTML文本输入框(Input或Textarea)添加最多可输入字符限制,并动态显示剩余可输字符数。maxChar支持处理通过右键菜单粘入的字符数。
maxChar.jpg

jQuery plugin: maxChar

Forms

nmcDropDown

nmcDropDown用于创建下拉菜单的jQuery插件。
nmcDropDown.jpg

nmcDropDown

Making a Google Wave History Slider

利用jQuery创建可以通过拖动滑块在一个评论板块中查看前后发表的评论。向前拖动将展开最新的评论,向后拖动将收缩隐藏评论。类似于Google Wave History Slider。
Google-Wave.jpg

Making a Google Wave History Slider

Slider

SimpleModal

SimpleModal是一个轻量级jQuery插件提供一个用于创建模式对话框的强大框架。由于是一个框架,它可以给予你极大的灵活性来构建你想要的任意模式对话框。
SimpleModal_f.jpg

SimpleModal

Window

JavaScript image combobox

JavaScript image combobox能够将传统select下拉框转换成可以为下拉选项添加图标的Image Combobox。
jquery-msdropdown.jpg
preview.gif

JavaScript image combobox

Forms

xhEditor

xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化XHTML编辑器,基于网络访问并且兼容IE 6.0-8.0,Firefox 3.0,Opera 9.6,Chrome 1.0,Safari 3.22。
Features(特性):

  • Small:初始加载5个文件,包括:1个js(45k)+2个css(7k)+2个图片(4k),总共56k。若js和css文件进行gzip压缩传输,可以进一步缩减为21k左右。
  • Fast:基于jQuery引擎开发,提供高效的代码执行效率
  • Simple:简单的调用方式,加一个class属性就能将您的textarea立马变成一个功能丰富的可视化编辑器。
  • Word:实现Word代码自动检测并清理,提供高效完美的Word代码过滤方案,生成代码最优化精简,但是却不丢失任何细节效果。
  • UBB: 提供完美的UBB可视化编辑解决方案,在您获得安全高效代码存储的同时,又能享受可视化编辑的便捷
    xhEditor.jpg

    xhEditor

    Editor

  • Activebar2

    Activebar2是一个横跨整个浏览器,紧靠顶部的消息通知条。这种消息通知提醒方式更能引起用户注意。
    Activebar2.jpg

    Activebar2

    Apple-like Slideshow Gallery

    利用jQuery与CSS创建一个漂亮,类似于Apple的相片幻灯播放jQuery插件。
    Apple-like-Slideshow-Galler.jpg

    Apple-like Slideshow Gallery

    Gallery

    jQuery Tab Slide Out Plugin

    这是一个采用jQuery开发的页面左侧可伸缩Tab。
    Tab-Slide-Out.jpg

    jQuery Tab Slide Out Plugin

    Tabs

    jQuery animated feedback tab thingy

    同样是一个采用jQuery开发的,浮在页面左侧可伸缩的Tab控件。
    feedback-tab.jpg

    jQuery animated feedback tab thingy

    Tabs

    Mega Drop Down Menus

    支持在弹出菜单中包含上百个项目的jQuery下拉菜单。
    Mega-Drop-Down-Menus.jpg

    Mega Drop Down Menus

    Menu

    Chroma-Hash

    Chroma-Hash是一个能够为用户提供更好密码输入体验的jQuery插件。它能够将输入的值转换成某种颜色组合。用户只要记住正确密码的颜色,就能够判断自己输入的密码是否正确,而不需要等到提交服务器才知道是否正确。
    Chroma-Hash.jpg

    Chroma-Hash

    FileManager

    这是一个开源,基于jQuery开发的文件管理器,可以集成到CKEditor/FCKEditor 和其它HTML编辑器中使用。实现文件上传、下载、重命名、删除。FileManager默认服务器端处理采用Python实现,但可以通过其提供的一个简单JavaScript API来扩展对其它语言的支持。
    FileManager_Dialogue.jpg

    FileManager

    Editor

    jQuery-JSON

    jQuery-JSON是一个JSON插件,提供更简便的方式转换和还原JSON格式的数据。
    jQuery-JSON.jpg

    jQuery-JSON

    iCal-like Calendars

    利用jQuery创建一个iCal风格的月视图日历。
    iCal-like.jpg

    iCal-like Calendars

    Calendar

    jMaxInput

    jMaxInput可以实现Textarea输入字数的限制,类似于微博中发消息的输入框。当输入的时候能够显示剩余可输入的字符数。
    jMaxInput.jpg

    jMaxInput

    Forms

    jQuery Image Cropper with Uploader

    包含上传功能的图片在线裁剪工具。此外该工具还提供旋转、颜色变换等功能。
    crop1_11.jpg

    jQuery Image Cropper with Uploader

    Image Upload

    jStickyNote

    jStickyNote是一个用于创建电子便条的jQuery插件,能像桌面便条那样“贴”在你的网站上。可以设置便条大小,拖曳的位置,便条中文字的颜色,拖动的便条会显示在其它便条的之上。
    jStickyNote.jpg

    jStickyNote

    jParse

    jParse是一个XML解析jQuery插件。利用这个插件可以解析 jQuery Ajax request返回的XML数据。
    jparse.jpg

    jParse

    Mega Menus

    Mega Menus是一个鼠标移过出现下拉菜单jQuery插件,在菜单中可以包含多行和多列。可以设置当鼠标移开时菜单消失的时间和动画。
    Mega-Menus.jpg

    Mega Menus

    Menu

    Dynamic jQuery Image Gallery with Uploader

    Dynamic jQuery Image Gallery with Uploader是一个包含多文件上传功能的相册组件。它由uploadifyad-gallery两个jQuery插件和一个PHP文件上传处理脚本组成。
    gallery.jpg

    Dynamic jQuery Image Gallery with Uploader

    Gallery Php

    slideViewerPro

    slideViewerPro是一个完全可定制的jQuery Image Gallery插件。支持任意多的图片,可以设置是否自动展示图片,开关标题,开关拖拽,自定义向前-向后按纽,自定义幻灯播放动画。
    slideViewerPro.jpg

    slideViewerPro

    imgBox

    imgBox是一个实现图片平滑缩放效果的jQuery插件。可以同时打开多张图片。界面类似于Mac风格。支持大部分浏览器。
    imgBox.jpg

    imgBox

    Image Lightbox

    elRTE

    elRTE是一个使用jQuery UI开发的开源WYSIWYG HTML编辑器。支持正常和全屏两种模式。界面都可以在一个CSS文件中配置。支持i18n,该编辑器可以很方便本地化为任意语言。elRTE自带一个Web文件管理器叫elFinder,服务器端默认处理脚本为PHP。经测试elRTE支持Firefox3.5、Internet Explorer7/8、Safari4、Opera10和 Chrome。
    rte2.jpg

    elRTE

    Editor

    Creating a “Filterable” Portfolio with jQuery

    利用jQuery开发一个按类别筛选内容的面板。
    Filterable.jpg

    Creating a “Filterable” Portfolio with jQuery

    SexyLightBox

    SexyLightBox比经典的LightBox控件更漂亮,更轻量。可展示任意内容,且可选jQuery或Mootools框架。
    SexyLightBox.jpg

    SexyLightBox

    Lightbox Mootools

    Dmenu jQuery Plugin

    一个jQuery下拉菜单插件,可以为菜单项设置图标。
    139_dmenu.jpg

    Dmenu jQuery Plugin

    Menu

    Messager jQuery Plugin

    可以用于显示消息的对话框。对话框类型包括:show、alert、confirm、prompt。
    Messager-jQuery-Plugin.jpg

    Messager jQuery Plugin

    Window

    Tabs jQuery Plugin

    这是一个jQuery Tab插件,可设置图标,关闭标签,隐藏标签。
    Tabs-jQuery-Plugin.jpg

    Tabs jQuery Plugin

    Tabs

    FormToWizard Plugin

    FormToWizard是一个可以将多个表单组合成一个向导的jQuery插件。
    FormToWizard.jpg

    FormToWizard Plugin

    Forms

    jPaginate

    jPaginate是一个比较奇特的jQuery分页插件。当用户点击页码或鼠标移到箭头时,页码会向前或向后滚动。
    jPaginate.jpg

    jPaginate

    Timeago

    Timeago这个jQuery插件可以将时间格式化成更人性化,更易读的格式。如可以将像“2009-11-11 15:33”这的时间戳自动转成“2分钟之前”或“4天前”等。
    timeago_01.jpg
    timeago_02.jpg

    Timeago

    jQuery Pagination

    jQuery分页插件

    jQuery Pagination

    Pagination

    pager jQuery plug-in

    jQuery分页插件。

    pager jQuery plug-in

    Pagination

    JQuery Pager

    一个利用jQuery开发的分页UI控件,可用于数据驱动的web应用程序中。

    JQuery Pager

    Pagination

    jQuery Quick Pagination

    这个jQuery插件能够将页面上的任意一组元素进行快速,简便地分页。

    jQuery Quick Pagination

    Pagination

    jQuery paginator

    这个jQuery分页插件在http://plugins.jquery.com/project/pagination这个插件的基础上增加了几个功能包括:在分页导航条的左边增加currentPage of totalPage显示;利用cookie来保存当前选中的页码(如果24小时内再回到该页时,会自动选中上次离开时的页面);可以配置postUrl值,用于从服务器加载分页数据。
    jQuery_paginator.jpg

    jQuery paginator

    Pagination

    Pagination jQuery Plugin

    这个分页插件具有如下功能:

  • 可以插件分页大小
  • 可以添加自定义工具按钮
  • 可以改变显示的提示信息
    137_pagination.jpg

    Pagination jQuery Plugin

    Pagination

  • jPaginate

    jPaginate是一个比较奇特的jQuery分页插件。当用户点击页码或鼠标移到箭头时,页码会向前或向后滚动。
    jPaginate.jpg

    jPaginate

    Pagination

    jQSlickWrap

    jQSlickWrap是一个真正可以将内容包裹在图片周围的jQuery插件。该插件使用HTML5 Canvas标签,用法非常简单。
    javascript-image-wrap.jpg

    jQSlickWrap

    Image

    Create a Twitter Style Login Form with jQuery

    利用jQuery创建一个Twitter风格的下拉登录表单。
    Twitter-Style-Login-Form.jpg

    Create a Twitter Style Login Form with jQuery

    Forms

    TopUp

    TopUp是一个基于jQuery/jQuery UI开发的Lightbox控件。可以展示图片、视频、网页和HTML内容。具有高度可定制的特性。
    popup-windows.jpg

    TopUp

    Lightbox

    分享到:
    评论

    相关推荐

      jQuery权威指南-源代码

      近年来,Web开发领域的新技术和新工具层出不穷,它们的出现极大地推动了Web开发技术的发展,其中jQuery的诞生在Web技术的发展进程中具有划时代的意义。 jQuery发布于2006年,它因为易于使用、功能强大、展现优雅、...

      Jquery官方包

      jquery,web前端常用js工具库,可以说是web必学的一个js工具库,欢迎下载

      jQuery权威指南 带书签

      其次详细讲解了 jquery的各种选择器、jquery操作dom的方法、jquery中的事件与应用、jquery中的动画和特效、ajax在jquery中的应用,以及各种常用的jquery插件的使用方法和技巧,所有这些知识点都配有完整的示例(包括...

      jquery权威指南高清文字版

      其次详细讲解了 jquery的各种选择器、jquery操作dom的方法、jquery中的事件与应用、jquery中的动画和特效、ajax在jquery中的应用,以及各种常用的jquery插件的使用方法和技巧,所有这些知识点都配有完整的示例(包括...

      jquery插件使用方法大全

      jQuery 1.1.3(2007年7月):这次小版本变化包含了对jQuery选择符引擎执行速度的显著提升。从这个版本开始,jQuery的性能达到了Prototype、Mootools以及Dojo等同类JavaScript库的水平。 jQuery 1.2(2007年9月):...

      WEB开发常用工具手册

      CSS3,javascript,php5,jQuery,Flex,XML指南,PHP设计模式,这些是我学用的一些工具手册,当然网上也可以找到,不过相对来说比较分散……

      jQuery权威指南-配套源代码

      其次详细讲解了 jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在 jQuery中的应用,以及各种常用的jQuery插件的使用方法和技巧,所有这些知识点都配有完整的示例...

      jQuery权威指南

      其次详细讲解了jquery的各种选择器、jquery操作dom的方法、jquery中的事件与应用、jquery中的动画和特效、ajax在jquery中的应用,以及各种常用的jquery插件的使用方法和技巧,所有这些知识点都配有完整的示例(包括...

      JQUERY权威指南.zip.001

      其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在 jQuery中的应用,以及各种常用的jQuery插件的使用方法和技巧,所有这些知识点都配有完整的示例(包括...

      gooflow 0.8 在线流程配置 流程图 jquery web demo 实例 带帮助文档 .rar

      侧边工具栏除了基本和一些流程节点按钮外,还自定义新的节点按钮,自定义节点都可以有自有的图标、类型名称,定义后在使用可可在工作区内增加这些自定义节点 顶部栏可显示流程图数据组的标题,也可提供一些常用操作...

      JQuery权威指南电子书第一部分

      其次详细讲解了jquery的各种选择器、jquery操作dom的方法、jquery中的事件与应用、jquery中的动画和特效、ajax在jquery中的应用,以及各种常用的jquery插件的使用方法和技巧,所有这些知识点都配有完整的示例(包括...

      GooFlow是一款用jquery流程图设计器

      GooFlow是一款用jquery流程图设计器,传json字符串和一些变量的设置来实现可视化流程图设计。可兼容IE7--IE10, FireFox, Chrome, Opera等几大内核的浏览器,且不需要浏览器再加装任何控件。页面顶部栏、左边侧...

      深入PHP与jQuery开发 pdf格式

      本章会向你介绍常用的JavaScript库和它们的设计目标,以及为什么大多数Web开发人员选择使用jQuery。你也将学到jQuery的基本工作原理,包括它如何在项目中应用,以及它的内核(强大的选择器引擎)如何工作。 1.1 为...

      WEB版JQuery流程设计器 v2.0

      优化代码以及外置单击、双击等常用操作 已测试 IE7\8、Chrome、Firefox雷劈网办公套件中的流程设计器是目前最简洁的一款。 我们参考了很多相关流程设计器,现重新规划出一个真正好用和易于二次开发的流程设计工具...

      《jQuery权威指南》(前3章)(作者:陶国荣)

      其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用,以及各种常用的jQuery插件的使用方法和技巧,所有这些知识点都配有完整的示例(包括...

      从零开始学习JQuery

      javascript脚本在不同浏览器的兼容性一直是Web开发人员的噩梦, 常常一个页面在IE7,Firefox下运行正常, 在IE6下就出现莫名其妙的问题. 针对不同的浏览器编写不同的脚本是一件痛苦的事情. 有了jQuery我们将从这个噩梦...

      Web开发实用工具集合

      javaWeb 开发常用的工具集合的参考全是中文(strut2中英文都有)chm(window 帮助文档,使用方便),javascript jQuery 1.2,1.3,1.4API的中文参考,microsoft的JScriptAPI中文参考, hibernate 3.0中文参考,spring 2.0 ...

      JQUERY权威指南

      其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在 jQuery中的应用,以及各种常用的jQuery插件的使用方法和技巧,所有这些知识点都配有完整的示例(包括...

      基于JQUERY的WEB在线流程图设计器GOOFLOW

      基于JQUERY的WEB在线流程图设计器GOOFLOW 0.5版 (2013-11-23) [特点]  跨浏览器,可兼容IE7--IE10, FireFox, Chrome, Opera等几大内核的浏览器,且不需要浏览器再加装任何控件。  多系统兼容性、可移植性:...

    Global site tag (gtag.js) - Google Analytics