`
icejadelove
  • 浏览: 139065 次
  • 性别: 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 快速开发工具

      此外,工具还可能提供了一些常用的Jquery插件模板,如Bootstrap、jQuery Validate等,以便开发者快速启动新功能的开发。这不仅可以节省时间,还可以确保代码质量,因为生成的代码通常遵循最佳实践和标准。 在实际...

      jQuery 常用版本大全

      总的来说,jQuery提供了一个强大且易用的工具集,让JavaScript开发更加高效。通过熟悉和掌握不同版本的特性,你可以更好地应对各种项目挑战。在实际工作中,确保选择与项目需求相匹配的jQuery版本,以确保最佳的兼容...

      20款非常优秀的 jQuery 工具提示插件 推荐

      在Web设计中,工具提示(Tooltip)是一个虽小却至关重要的功能,它能够在用户进行某些操作时提供即时的帮助或信息提示。这些提示通常是小巧而简洁的文本框,当鼠标悬停在特定元素上时出现,并在鼠标离开后消失。使用...

      jQuery常用功能大全

      这样一来,开发者可以在不修改jQuery源码的情况下为其添加更多实用工具方法。 ### 总结 本文介绍了jQuery的一些常用功能,包括页面元素的引用、jQuery对象与DOM对象之间的转换、获取集合中的某一项、实现set和get...

      jQuery常用工具集

      《jQuery常用工具集:动态数字、时间操作与颜色处理》 在Web开发中,jQuery作为一个强大的JavaScript库,因其简洁的语法和丰富的功能而备受青睐。本文将深入探讨jQuery中的几个重要工具,包括动态数字处理、时间...

      《从零开始学JQuery》Word版书籍及常用jquery资料

      《从零开始学JQuery》是一本非常...无论是用于增强用户体验、实现动态交互,还是优化代码效率,jQuery都是现代Web开发不可或缺的工具。通过深入学习和实践,你可以进一步提升自己的前端技能,为职业生涯增添更多可能。

      webHtml常用经典jquery、js插件.rar

      这个"webHtml常用经典jquery、js插件.rar"压缩包中包含了一系列实用的插件,适用于各种常见的网页功能实现。下面,我们将详细探讨这些标签所涵盖的知识点。 首先,**表单验证**是网页开发中的关键部分,确保用户...

      常用jquery

      **jQuery EasyUI 1.4:打造高效前端...总的来说,jQuery EasyUI 1.4为开发者提供了一个强大而便捷的工具集,用于构建功能丰富的Web应用程序。通过掌握以上知识点,开发者可以更高效地构建出具有专业水准的前端界面。

      jQuery 常用代码段

      9. **工具方法**:jQuery提供了一系列实用的工具方法,如`$.extend()`用于合并对象,`$.trim()`用于去除字符串两端的空白,`$.inArray()`检查元素是否存在于数组中。 10. **版本兼容性**:jQuery有良好的浏览器兼容...

      从零开始学jquery

      jQuery简化了HTML文档遍历、事件处理、动画设计和Ajax交互,是Web开发中的常用工具。 ### (一) 开天辟地入门篇 在入门阶段,首先需要了解jQuery的基本概念。jQuery的核心在于它的选择器和链式操作,这些使得对DOM...

      Jquery和jquery的常用插件

      总的来说,jQuery和这些插件的组合,为开发者提供了强大而全面的工具,使得在Web开发中实现各种交互和视觉效果变得更加便捷。理解并熟练掌握这些技术,对于提升Web应用的用户体验和开发效率具有重要意义。

      Jquery封装的地图工具

      本篇文章将详细介绍如何利用jQuery来封装常用的地图工具,包括地图的缩放和测量功能,以提升开发效率和用户体验。 首先,我们需要理解jQuery的核心优势。jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、...

      jquery关键词组拆分工具插件

      通过封装JavaScript的常用操作,jQuery使开发者能更快速、更简单地编写动态网页。其核心特性包括选择器(用于选取DOM元素)、链式操作(允许连续调用方法)和高效性能(优化了DOM操作)。 二、关键词组拆分工具插件...

      jQuery Mobile开发常用技巧

      ### jQuery Mobile 开发常用技巧详解 #### 一、概述 jQuery Mobile 是一款基于 HTML5 的前端框架,用于构建响应式的移动应用。它以其强大的功能、灵活性及易用性深受开发者喜爱。本文将深入探讨 jQuery Mobile 开发...

      jquery apijQuery 工具包

      这个工具包,名为 "jQuery_api_for_dw3",可能包含了关于如何在Dreamweaver 3中使用jQuery API的详细文档和示例。 1. **DOM 操作**:jQuery 的核心功能之一是方便的 DOM(Document Object Model)操作。它提供了...

      100个常用的jquery特效和插件

      综上所述,“100个常用的jQuery特效和插件”为开发者提供了大量的工具和灵感,它们可以帮助我们快速构建动态、交互性强的Web应用,同时减少编写底层代码的工作量。无论是初学者还是经验丰富的开发者,掌握这些特效和...

      JQUERY1.4.1组件合集

      **jQuery 1.4.1 组件...总结,jQuery 1.4.1组件合集是一个包含多种功能和插件的资源包,它提供了强大的工具,让Web开发变得更为高效和便捷。无论是新手还是经验丰富的开发者,都能从中受益,提升项目质量和开发效率。

      myExcel基于jquery实现的web版excel包含excel的基本功能

      myExcel是一款基于jQuery库开发的Web版Excel工具,旨在为用户在浏览器环境下提供类似Microsoft Excel的功能,便于在线处理和编辑表格数据。这个项目的核心在于利用JavaScript的灵活性和jQuery的便利性,来模拟传统...

      jquery ui1.10 api中文web版

      总结来说,jQuery UI 1.10 API中文Web版是Web开发者的重要工具,通过它,开发者可以轻松实现各种交互效果,提升网站的用户体验,同时也降低了开发复杂度。无论是初学者还是经验丰富的开发者,都应该深入学习和掌握这...

      JQuery常用属性说明

      掌握这些JQuery的常用属性和Ajax方法,将使你能够更加高效地构建动态和交互性强的Web应用。无论是处理用户输入、响应用户交互还是与服务器进行异步通信,JQuery都提供了强大的工具来简化工作流程。

    Global site tag (gtag.js) - Google Analytics