常用jQuery web工具集7

jQuery Desktop

von.gif

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

jQuery Desktop

tag_blue.jpg

icon_1.gif Create a Resizable Image Grid with jQuery

von.gif

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

Create a Resizable Image Grid with jQuery

tag_blue.jpgImage

icon_1.gif Animated Navigation with CSS & jQuery

von.gif

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

Animated Navigation with CSS & jQuery

tag_blue.jpgMenu

icon_1.gif jTimepicker

von.gif

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

jTimepicker

tag_blue.jpg

icon_1.gif jQuery Fixed Table Header Plugin

von.gif

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

jQuery Fixed Table Header Plugin

tag_blue.jpgGrid

icon_1.gif Dialog jQuery Plugin

von.gif

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

Dialog jQuery Plugin

tag_blue.jpgWindow

icon_1.gif jQuery Numeric

von.gif

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

jQuery Numeric

tag_blue.jpgForms

icon_1.gif jHtmlArea

von.gif

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

jHtmlArea

tag_blue.jpgEditor

icon_1.gif JQuery Esay Tooltip

von.gif

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

JQuery Esay Tooltip

tag_blue.jpgTooltips

icon_1.gif Reditor

von.gif

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

Reditor

Notify

von.gif

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

Notify

tag_blue.jpg

icon_1.gif HtmlBox

von.gif

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

HtmlBox

tag_blue.jpgEditor

icon_1.gif jQuery Countdown

von.gif

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

jQuery Countdown

tag_blue.jpg

icon_1.gif Slideshow Lite

von.gif

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

Slideshow Lite

tag_blue.jpgSlideshow

icon_1.gif imgZoom

von.gif

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

imgZoom

tag_blue.jpgImage

icon_1.gif jOmino

von.gif

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

jOmino

tag_blue.jpg

icon_1.gif Barcode

von.gif

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

tag_blue.jpg

icon_1.gif Zooma

von.gif

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

Zooma

tag_blue.jpgImage

icon_1.gif jQuery plugin: maxChar

von.gif

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

jQuery plugin: maxChar

tag_blue.jpgForms

icon_1.gif nmcDropDown

von.gif

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

nmcDropDown

Making a Google Wave History Slider

von.gif

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

Making a Google Wave History Slider

tag_blue.jpgSlider

icon_1.gif SimpleModal

von.gif

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

SimpleModal

tag_blue.jpgWindow

icon_1.gif JavaScript image combobox

von.gif

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

JavaScript image combobox

tag_blue.jpgForms

icon_1.gif xhEditor

von.gif

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

tag_blue.jpgEditor

icon_1.gif Activebar2

von.gif

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

Activebar2

tag_blue.jpg

icon_1.gif Apple-like Slideshow Gallery

von.gif

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

Apple-like Slideshow Gallery

tag_blue.jpgGallery

icon_1.gif jQuery Tab Slide Out Plugin

von.gif

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

jQuery Tab Slide Out Plugin

tag_blue.jpgTabs

icon_1.gif jQuery animated feedback tab thingy

von.gif

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

jQuery animated feedback tab thingy

tag_blue.jpgTabs

icon_1.gif Mega Drop Down Menus

von.gif

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

Mega Drop Down Menus

tag_blue.jpgMenu

icon_1.gif Chroma-Hash

von.gif

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

Chroma-Hash

FileManager

von.gif

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

FileManager

tag_blue.jpgEditor

icon_1.gif jQuery-JSON

von.gif

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

jQuery-JSON

tag_blue.jpg

icon_1.gif iCal-like Calendars

von.gif

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

iCal-like Calendars

tag_blue.jpgCalendar

icon_1.gif jMaxInput

von.gif

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

jMaxInput

tag_blue.jpgForms

icon_1.gif jQuery Image Cropper with Uploader

von.gif

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

jQuery Image Cropper with Uploader

tag_blue.jpgImage Upload

icon_1.gif jStickyNote

von.gif

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

jStickyNote

tag_blue.jpg

icon_1.gif jParse

von.gif

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

jParse

tag_blue.jpg

icon_1.gif Mega Menus

von.gif

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

Mega Menus

tag_blue.jpgMenu

icon_1.gif Dynamic jQuery Image Gallery with Uploader

von.gif

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

Dynamic jQuery Image Gallery with Uploader

tag_blue.jpgGallery Php

icon_1.gif slideViewerPro

von.gif

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

slideViewerPro

imgBox

von.gif

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

imgBox

tag_blue.jpgImage Lightbox

icon_1.gif elRTE

von.gif

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

elRTE

tag_blue.jpgEditor

icon_1.gif Creating a “Filterable” Portfolio with jQuery

von.gif

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

Creating a “Filterable” Portfolio with jQuery

tag_blue.jpg

icon_1.gif SexyLightBox

von.gif

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

SexyLightBox

tag_blue.jpgLightbox Mootools

icon_1.gif Dmenu jQuery Plugin

von.gif

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

Dmenu jQuery Plugin

tag_blue.jpgMenu

icon_1.gif Messager jQuery Plugin

von.gif

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

Messager jQuery Plugin

tag_blue.jpgWindow

icon_1.gif Tabs jQuery Plugin

von.gif

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

Tabs jQuery Plugin

tag_blue.jpgTabs

icon_1.gif FormToWizard Plugin

von.gif

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

FormToWizard Plugin

tag_blue.jpgForms

icon_1.gif jPaginate

von.gif

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

jPaginate

tag_blue.jpg

icon_1.gif Timeago

von.gif

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

Timeago

jQuery Pagination

von.gif

jQuery分页插件

jQuery Pagination

tag_blue.jpgPagination

icon_1.gif pager jQuery plug-in

von.gif

jQuery分页插件。

pager jQuery plug-in

tag_blue.jpgPagination

icon_1.gif JQuery Pager

von.gif

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

JQuery Pager

tag_blue.jpgPagination

icon_1.gif jQuery Quick Pagination

von.gif

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

jQuery Quick Pagination

tag_blue.jpgPagination

icon_1.gif jQuery paginator

von.gif

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

jQuery paginator

tag_blue.jpgPagination

icon_1.gif Pagination jQuery Plugin

von.gif

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

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

Pagination jQuery Plugin

tag_blue.jpgPagination

icon_1.gif jPaginate

von.gif

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

jPaginate

tag_blue.jpgPagination

icon_1.gif jQSlickWrap

von.gif

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

jQSlickWrap

tag_blue.jpgImage

icon_1.gif Create a Twitter Style Login Form with jQuery

von.gif

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

Create a Twitter Style Login Form with jQuery

tag_blue.jpgForms

icon_1.gif TopUp

von.gif

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

TopUp

tag_blue.jpgLightbox

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值