jQuery Desktop

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

jQuery Desktop

Create a Resizable Image Grid with jQuery

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

Create a Resizable Image Grid with jQuery
Image
Animated Navigation with CSS & jQuery

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

Animated Navigation with CSS & jQuery
Menu
jTimepicker

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

jTimepicker

jQuery Fixed Table Header Plugin

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

jQuery Fixed Table Header Plugin
Grid
Dialog jQuery Plugin

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

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
Editor
JQuery Esay Tooltip

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

JQuery Esay Tooltip
Tooltips
Reditor

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

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
Editor
jQuery Countdown

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

jQuery Countdown

Slideshow Lite

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

Slideshow Lite
Slideshow
imgZoom

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


imgZoom
Image
jOmino

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

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

Zooma

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

Zooma
Image
jQuery plugin: maxChar

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

jQuery plugin: maxChar
Forms
nmcDropDown

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

nmcDropDown
Making a Google Wave History Slider

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

Making a Google Wave History Slider
Slider
SimpleModal

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

SimpleModal
Window
JavaScript image combobox

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


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
Editor
Activebar2

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

Activebar2

Apple-like Slideshow Gallery

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

Apple-like Slideshow Gallery
Gallery
jQuery Tab Slide Out Plugin

这是一个采用jQuery开发的页面左侧可伸缩Tab。

jQuery Tab Slide Out Plugin
Tabs
jQuery animated feedback tab thingy

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

jQuery animated feedback tab thingy
Tabs
Mega Drop Down Menus

支持在弹出菜单中包含上百个项目的jQuery下拉菜单。

Mega Drop Down Menus
Menu
Chroma-Hash

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

Chroma-Hash
FileManager

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

FileManager
Editor
jQuery-JSON

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

jQuery-JSON

iCal-like Calendars

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

iCal-like Calendars
Calendar
jMaxInput

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

jMaxInput
Forms
jQuery Image Cropper with Uploader

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

jQuery Image Cropper with Uploader
Image Upload
jStickyNote

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

jStickyNote

jParse

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

jParse

Mega Menus

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

Mega Menus
Menu
Dynamic jQuery Image Gallery with Uploader

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

Dynamic jQuery Image Gallery with Uploader
Gallery Php
slideViewerPro

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

slideViewerPro
imgBox

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

imgBox
Image Lightbox
elRTE

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

elRTE
Editor
Creating a “Filterable” Portfolio with jQuery

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

Creating a “Filterable” Portfolio with jQuery

SexyLightBox

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

SexyLightBox
Lightbox Mootools
Dmenu jQuery Plugin

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

Dmenu jQuery Plugin
Menu
Messager jQuery Plugin

可以用于显示消息的对话框。对话框类型包括:show、alert、confirm、prompt。

Messager jQuery Plugin
Window
Tabs jQuery Plugin

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

Tabs jQuery Plugin
Tabs
FormToWizard Plugin

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

FormToWizard Plugin
Forms
jPaginate

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

jPaginate

Timeago

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


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
Pagination
Pagination jQuery Plugin

这个分页插件具有如下功能:
可以插件分页大小 可以添加自定义工具按钮 可以改变显示的提示信息

Pagination jQuery Plugin
Pagination
jPaginate

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

jPaginate
Pagination
jQSlickWrap

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

jQSlickWrap
Image
Create a Twitter Style Login Form with jQuery

利用jQuery创建一个Twitter风格的下拉登录表单。

Create a Twitter Style Login Form with jQuery
Forms
TopUp

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

TopUp
Lightbox
分享到:
相关推荐
此外,工具还可能提供了一些常用的Jquery插件模板,如Bootstrap、jQuery Validate等,以便开发者快速启动新功能的开发。这不仅可以节省时间,还可以确保代码质量,因为生成的代码通常遵循最佳实践和标准。 在实际...
总的来说,jQuery提供了一个强大且易用的工具集,让JavaScript开发更加高效。通过熟悉和掌握不同版本的特性,你可以更好地应对各种项目挑战。在实际工作中,确保选择与项目需求相匹配的jQuery版本,以确保最佳的兼容...
在Web设计中,工具提示(Tooltip)是一个虽小却至关重要的功能,它能够在用户进行某些操作时提供即时的帮助或信息提示。这些提示通常是小巧而简洁的文本框,当鼠标悬停在特定元素上时出现,并在鼠标离开后消失。使用...
这样一来,开发者可以在不修改jQuery源码的情况下为其添加更多实用工具方法。 ### 总结 本文介绍了jQuery的一些常用功能,包括页面元素的引用、jQuery对象与DOM对象之间的转换、获取集合中的某一项、实现set和get...
《jQuery常用工具集:动态数字、时间操作与颜色处理》 在Web开发中,jQuery作为一个强大的JavaScript库,因其简洁的语法和丰富的功能而备受青睐。本文将深入探讨jQuery中的几个重要工具,包括动态数字处理、时间...
《从零开始学JQuery》是一本非常...无论是用于增强用户体验、实现动态交互,还是优化代码效率,jQuery都是现代Web开发不可或缺的工具。通过深入学习和实践,你可以进一步提升自己的前端技能,为职业生涯增添更多可能。
这个"webHtml常用经典jquery、js插件.rar"压缩包中包含了一系列实用的插件,适用于各种常见的网页功能实现。下面,我们将详细探讨这些标签所涵盖的知识点。 首先,**表单验证**是网页开发中的关键部分,确保用户...
**jQuery EasyUI 1.4:打造高效前端...总的来说,jQuery EasyUI 1.4为开发者提供了一个强大而便捷的工具集,用于构建功能丰富的Web应用程序。通过掌握以上知识点,开发者可以更高效地构建出具有专业水准的前端界面。
9. **工具方法**:jQuery提供了一系列实用的工具方法,如`$.extend()`用于合并对象,`$.trim()`用于去除字符串两端的空白,`$.inArray()`检查元素是否存在于数组中。 10. **版本兼容性**:jQuery有良好的浏览器兼容...
jQuery简化了HTML文档遍历、事件处理、动画设计和Ajax交互,是Web开发中的常用工具。 ### (一) 开天辟地入门篇 在入门阶段,首先需要了解jQuery的基本概念。jQuery的核心在于它的选择器和链式操作,这些使得对DOM...
总的来说,jQuery和这些插件的组合,为开发者提供了强大而全面的工具,使得在Web开发中实现各种交互和视觉效果变得更加便捷。理解并熟练掌握这些技术,对于提升Web应用的用户体验和开发效率具有重要意义。
本篇文章将详细介绍如何利用jQuery来封装常用的地图工具,包括地图的缩放和测量功能,以提升开发效率和用户体验。 首先,我们需要理解jQuery的核心优势。jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、...
通过封装JavaScript的常用操作,jQuery使开发者能更快速、更简单地编写动态网页。其核心特性包括选择器(用于选取DOM元素)、链式操作(允许连续调用方法)和高效性能(优化了DOM操作)。 二、关键词组拆分工具插件...
### jQuery Mobile 开发常用技巧详解 #### 一、概述 jQuery Mobile 是一款基于 HTML5 的前端框架,用于构建响应式的移动应用。它以其强大的功能、灵活性及易用性深受开发者喜爱。本文将深入探讨 jQuery Mobile 开发...
这个工具包,名为 "jQuery_api_for_dw3",可能包含了关于如何在Dreamweaver 3中使用jQuery API的详细文档和示例。 1. **DOM 操作**:jQuery 的核心功能之一是方便的 DOM(Document Object Model)操作。它提供了...
综上所述,“100个常用的jQuery特效和插件”为开发者提供了大量的工具和灵感,它们可以帮助我们快速构建动态、交互性强的Web应用,同时减少编写底层代码的工作量。无论是初学者还是经验丰富的开发者,掌握这些特效和...
**jQuery 1.4.1 组件...总结,jQuery 1.4.1组件合集是一个包含多种功能和插件的资源包,它提供了强大的工具,让Web开发变得更为高效和便捷。无论是新手还是经验丰富的开发者,都能从中受益,提升项目质量和开发效率。
myExcel是一款基于jQuery库开发的Web版Excel工具,旨在为用户在浏览器环境下提供类似Microsoft Excel的功能,便于在线处理和编辑表格数据。这个项目的核心在于利用JavaScript的灵活性和jQuery的便利性,来模拟传统...
总结来说,jQuery UI 1.10 API中文Web版是Web开发者的重要工具,通过它,开发者可以轻松实现各种交互效果,提升网站的用户体验,同时也降低了开发复杂度。无论是初学者还是经验丰富的开发者,都应该深入学习和掌握这...
掌握这些JQuery的常用属性和Ajax方法,将使你能够更加高效地构建动态和交互性强的Web应用。无论是处理用户输入、响应用户交互还是与服务器进行异步通信,JQuery都提供了强大的工具来简化工作流程。