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

常用jQuery web工具集4

阅读更多

tableHover

tableHover一个jQuery插件当鼠标经过时,能够对表格的一整列或行进行着色加亮。支持colspans与rowspans的表格。

tableHover

Highlight

Date Picker

Date Picker一个采用jQuery开发的日期选择控件。支持同时显示多个月份日历,标记特殊日期,易于通过CSS定制外观,自定义周的第一天,自定义月份和星期的显示名称。

Date Picker

DatePicker

JQuery.Resizer

一个轻量级jQuery插件用于创建可以拖动调整行高与列宽的表格。

JQuery.Resizer

Grid

FancyZoom

FancyZoom采用缩放效果来展示图片或任意HTML页面,不需要另外开启页面来载入图片,其效果在Apple Mac的官方网站中也有。

FancyZoom

Gallery Prototype

Create A Slider From A Select Box

这是一个漂亮的jQuery插件能够自动将select boxes转换成一个sliders控件。

Create A Slider From A Select Box

Slider

accordion menu

Accordion风格的jQuery菜单。

accordion menu

Accordion Menu

CSS Dock Menu

采用jQuery+CSS实现,仿Mac Dock Menu的一个导航菜单。
css-dock-menu

CSS Dock Menu

Menu

Galleriffic

Galleriffic是一个用于创建快速展示相册中照片的jQuery插件。图片既可以以幻灯片的方式查看,也可以手动点击缩略图查看。Galleriffic还支持分页,从而使得它能够展示更多的图片。

Galleriffic

Gallery

TextArea Resizer

这个jQuery插件提供Resizer bar可拖动调整TextArea大小。

TextArea Resizer

CheckTree

带Checkbox的树型jQuery插件。

CheckTree

ddcombobox

带AutoComplete功能的下拉选择框jQuery插件。

ddcombobox

AutoComplete

Scrollable

Scrollable是一个灵活、轻量级(3.9kb)用于创建滚动内容的jQuery插件。任何内容(HTML、视频、文件、图片等...)都可以作为一个滚动项。支持水平与垂直两种滚动方向。

Scrollable

Slideshow

tablesorter

tablesorter这个jQuery插件能够将带THEAD与TBODY标签的标准HTML Table转换成一个可排序的表格。tablesorter能够排序多种数据类型包括Text、URIs、integers、currency、floats、IP地址、日期、时间和自定义的数据类型。支持拥有复杂表头表格的排序,支持二级隐藏排序,支持多种浏览器:IE6.0+、FF2+、Safari2.0+、Opera9.0+。

tablesorter

Grid

idTabs

idTabs是一个能够创建简单到复杂Tab控件的jQuery插件。支持动态添加和选择Tab,idTabs能够绑定到不同的事件如mouseover。

idTabs

Tabs

Scroll Follow

Scroll Follow是一个简单的jQuery插件。当滚动页面时,能够让DOM对象产生浮动跟随效果。

Scroll Follow

jQuery Taconite Plugin

这个jQuery插件能够利用单个Ajax调用结果同时更新多个DOM对象。

jQuery Taconite Plugin

jQuery URL Parser

用于解析URLs字符串的jQuery插件。方便你获取协议,主机,端口,查询参数,文件名,路径等。

jQuery URL Parser

jQuery Context Menu

jQuery Context Menu是一个右键菜单插件。通过非常少的设置就能够轻松实现右键菜单功能。

jQuery Context Menu

Menu

jQuery Right-click

这个插件能够让你使用jQuery来捕获由鼠标右键触发的事件。这些事件包括:click、mouseup、mousedown。

jQuery Right-click

jQuery MultiSelect

jQuery MultiSelect是一个可配置的jQuery插件。它将普通的列表框表单控件转换成带有CheckBox的下拉列表控件。

jQuery MultiSelect

jqWindowsEngine

这个jQuery插件能够帮助你轻松创建Ajax Windows。

jqWindowsEngine

Window

jQuery Multi Level CSS Menu

这是一个多级水平CSS菜单,利用规则嵌套的HTML列表标签创建。当子菜单靠近窗体右边缘时,将自动调整展示方面。

jQuery Multi Level CSS Menu

Menu

jQuery Corners

这是一个用于创建漂亮圆角效果的jQuery插件。不需要用到图片或其它特殊的标签。

jQuery Corners

Corners

prettyGallery

prettyGallery是一个图库导航控件Slider。基于jQuery开发,除了可以导航图片之外,还支持其它任何内容。可以配置导航滚动速度和图片标题说明。

prettyGallery

Gallery Slider

jQuery.popeye

jQuery.popeye这个插件能够将一组无序的图片列表转换成一个简单的相册。当点击图片时将以Lightbox风格放大图片。图片展示框提供向前/向后控制并能够为每一张图片添加备注说明信息。jQuery.popeye能够根据图片大小自动调整展示框的高度和宽度。
jQuery.popeye

jQuery.popeye

Gallery Image

s3Slider

s3Slider是一个jQuery slideshow插件,效果类似于smooth slideshow。可以在图片上的任意位置,透明显示当前所放映图片的说明信息。

s3Slider

Image Slider

jQuery Star Rating Plugin

Star Rating Plugin是一个基于一组radio input boxes实现的星形评价控件。

jQuery Star Rating Plugin

Rating

jQuery.xml2json

jQuery.xml2json是一个能够将简单的XML转换成JSON对象的jQuery插件。

jQuery.xml2json

Pirobox

采用jQuery开发的Lightbox控件。能够根据浏览器窗体大小自动调整展示图片大小。提供向前/向后控制链接。动态加载图片效果。易于定制。

Pirobox

Lightbox

jQuery: Ajax file upload

Ajax文件上传插件让用户能够很方便地上传多个文件而无需刷新页面。此外,可以使用任何元素(图片,文字,按纽等)来触发文件选择窗口。

jQuery: Ajax file upload

csv2table

csv2table这个插件能够将CVS文件(利用Excel创建)的内容转换成HTML Table。

csv2table

Simple Controls Gallery

这是一个采用jQuery开发的图片slideshow控件。提供一个暂停/播放/向前/向后展示的控制菜单。这个jQuery slideshow可以设置当页面打开时自动播放图片并能够将最近查看的图片存储在cookie中。

Simple Controls Gallery

Gallery Image Slideshow

Ajaxify

Ajaxify这个jQuery插件能够将一个页面中的所有链接转换成Ajax加载和提交请求。

Ajaxify

Agile Carousel

Jquery Slideshow插件。易于定制图片切换效果。提供开/关图片标题显示,添加文本水印等功能。

Agile Carousel

Slideshow

jQuery Alert Dialogs

这个jQuery插件能够替换JavaScript提供的alert()、confirm()和prompt()功能。支持利用CSS自定义对话框外观。



jQuery Alert Dialogs

Window

jQuery Plugin-Page Peel

这是一个用于创建Page Peel(卷页/页面剥落)特效的jQuery插件。

jQuery Plugin-Page Peel

Easy Slider

一个jQuery插件,当点击导航按纽时可以水平或垂直播放图片或其它任何内容。

Easy Slider

Slider

tableFormSynch

tableFormSynch是一个表格与表单数据相互更新的jQuery插件。它提供的功能包括:基于表单中的数据,新增行。删除所选择行,并清除表单中的所有数据。tableFormSynch支持所有表单控件包括:checkboxes、radio、buttons与。

tableFormSynch

Forms

Date Range Picker

基于jQuery UI1.6与jQuery UI CSS框架开发的日期选择控件。

Date Range Picker

DatePicker

imgPreview

图片预览jQuery插件。当鼠标移到图片链接上时,会在链接的旁边出现一个类似于tooltip效果的图片展示框。

imgPreview

ListNav

ListNav是一个用于创建按字母顺序分类导航的jQuery插件。

ListNav

Editable(jQuery Editable Plugin)

这是一个真正可定制的jQuery editable plugin。当前它能够将任意不可编辑的标签(span、div、p...等)转换成可编辑的text input、password、textarea、下拉列表(drop-down list)等标签。你可以利用它的editableFactory对象来扩展添加自己所需的input type。

Editable(jQuery Editable Plugin)

Jquery Fade In.Fade Out

这是一个用于让图片产生淡入淡出效果的jQuery插件。

Jquery Fade In.Fade Out

Effects

Simpletip

Simpletip是一个基于jQuery开发的Tooltips控件。Tooltips可以附在任意元素(标签)之上。并定制展示方式与位置。tooltips可以是静态,动态或通过Ajax加载。

Simpletip

Tooltips

Smooth Navigation Menu

Smooth Navigation Menu是一个采用jQuery开发,基于CSS的多层级网站导航菜单。菜单项的内容既可以直接从当前页面中获取,也可以从一个外面文件或通过Ajax获取。
Smooth Navigational Menu

Smooth Navigation Menu

Menu

iColorPicker

iColorPicker是一个只有6KB大小的jQuery Color Picker。只要将输入框的class属性设置为“iColorPicker”就能变一个漂亮的颜色选择器。

iColorPicker

Color

BeautyTips

BeautyTips是一个jQuery Tooltip插件.

BeautyTips

Tooltips

jdMenu

jdMenu是用于创建水平/垂直分层下拉菜单的jQuery插件.支持通过Ajax加载菜单项,自定义动画效果,易于定制外观,支持相对(relative)与绝对(absolute) 定位等。

jdMenu

Menu

jqDock

这是一个能够将一组图片转换成类似于Mac风格鱼眼菜单(Dock Menu)的jQuery插件。菜单可以是水平方向或垂直方向。

jqDock

Menu Navigation

jParallax

这是一个用于生成视差现象的jQuery插件。mParallax能够产生的效果与jParallax一样但采用Mootools框架开发。

jParallax

seekAttention

seekAttention这个jQuery插件能够让需要引起用户注意的区域一直闪烁。

seekAttention

Simple jQuery Dropdowns

Simple jQuery Dropdowns是一个采用jQuery开发的多层下拉菜单。简单易用,支持多种浏览器。

Simple jQuery Dropdowns

Menu

DataTables

DataTables是一个jQuery插件,能够让html表格很方便地实现分页、过滤和多栏排序等功能。DataTables可以使用本身自带的CSS样式,但还可以按自己的需要自定义CSS样式。它具有以下特征:

  • 自适应列宽
  • 可保存表格状态
  • 可隐含列
  • 动态创建表格
  • Ajax自动装载数据
  • 丰富的分页类型
  • 多栏排序和高亮显示

    DataTables

    Grid

  • imgAreaSelect

    imgAreaSelect这个jQuery插件能够选取一张图片中一个矩形区域。

    imgAreaSelect

    ImageCropper Image

    Image Upload and Auto Crop

    采用PHP+jQuery开发的图片上传和剪切(Crop)工具。

    Image Upload and Auto Crop

    ImageCropper Image Php

    Jcrop

    Jcrop是一个跨浏览器的jQuery图片剪切插件(jQuery image crop plugin)。支持对剪切框加CSS样式,当选取或拖动时添加回调事件(Callbacks),剪切时能够约束宽度与高度。

    Jcrop

    ImageCropper Image

    Supersized

    Supersized这个jQuery插件能够根据用户浏览器窗口的大小自动调整背景图片大小并能够让它们以幻灯片放映的方式运行。

    Supersized

    ColorBox

    ColorBox是一个采用jQuery开发,可定制的Lightbox控件。可以通过CSS改变内容展示框。ColorBox支持单张图片,图片组,Ajax HTML,Inline HTML,Flash/Video,Iframed等内容。

    ColorBox

    Lightbox

    AutoResize

    这个jQuery插件能够自动调整textarea输入框的大小。当输入的文字使textarea输入框不够高或宽的时候会动态增加。

    AutoResize

    jQuery blockUI

    这个jQuery插件能够为页面上的任意元素添加遮层,阻止用户操作。具体可以用于制作提示等待响应的对话框。当要执行某个较长操作时候,通过blockUI来阻止当前用户继续操作。

    jQuery blockUI

    Pikachoose

    Pikachoose是一个轻量级jQuery插件,能够很方便地以幻灯片、导航按纽控制或自动播放的方式展示一组照片。

    Pikachoose

    Gallery Image

    Switch Page Layouts

    Switch Page Layouts利用CSS与jQuery实现用户可以自己变换页面布局,让用户能够在简洁模式与详细模式之间进行切换。

    Switch Page Layouts

    ImageSwitch

    ImageSwitch是一个易于使用的jQuery插件用于在多张图片之间切换时添加一些切换特效。这些特效包括:淡入\淡出,卷入\卷出,飞入\飞出,Flip out等。

    ImageSwitch

    Effects Image

    JQuery.Spreadsheet UI

    这是一个采用jQuery开发的Web电子表格。经测试支持的浏览器包括:Firefox2/3、 IE7/8、Epiphony2、Opera9、Safari3。

    JQuery.Spreadsheet UI

    Grid

    Simple Toggle Effect

    Simple Toggle Effect提供一种利用CSS与jQuery实现展开与收缩效果的简便方式。

    Simple Toggle Effect

    Effects

    Flipping Image Gallery

    这个例子利用CSS‘z-index’属性与jQuery实现了一个独特的Image Gallery。

    Flipping Image Gallery

    Gallery Image

    simplyScroll

    simplyScroll这个jQuery插件能够让任意一组元素产生滚动动画效果,可以是自动、手动滚动,水平、垂直方向滚动。此外,它还可以接受动态图片输入通过Flickr供稿或一个本地JSON数据源。

    simplyScroll

    Animation

    KeyTable

    KeyTable是一个轻量级jQuery插件(约5kb左右),用于为任意html表格添加键盘导航选择支持。该插件提供一种类似于Excel的导航选择方式和单击单元格可以编辑功能。此外KeyTable还可以与DataTables结合使用。

    KeyTable

    Grid

    qTip

    qTip是一个实现圆角对话气泡框样式的Tooltip jQuery插件。支持多种浏览器,可定制,功能强大。
    tooltip

    qTip

    Tooltips

    Boxy

    Boxy是一个jQuery插件用于创建灵活,类似于facebook风格的Web2.0模式对话框。
    jquery-boxy-demo

    Boxy

    jMaps

    jMaps(jQuery Google Maps Plugin)这个jQuery插件提供一组真正易于使用的Api来创建和管理google maps。

    jMaps

    Tipsy

    Tipsy一个用于创建类于Facebook tooltip效果的jQuery插件。基于页面标签的title属性。

    Tipsy

    Tooltips

    jQToolTip

    jQToolTip一个利用jQuery实现的简单tooltips插件。
    $("#example1").tooltip({cssClass:"tooltip-red"});

    jQToolTip

    Tooltips

    jQuery Keypad

    jQuery Keypad一个可以定制外观的jQuery虚拟键盘插件。键盘的字母与数字能够随机排列。键盘能够以各种动画效果显示如:淡入和滑落等。

    jQuery Keypad

    Popup

    Moving Boxes

    Moving Boxes是一个Content Slider jQuery插件,提供按纽控制内容面板变换,放大和缩小。面板的数量和初化大小与宽度都可以利用参数控制。Moving Boxes还支持通过键盘的导航键,空格键和回车键控制面板变换。
    movingboxes

    Moving Boxes

    Slider

    uploadify

    uploadify这是一个基于Flash技术的文件上传jQuery插件。提供的功能包括:能够一次性选择多个文件上传,查看上传进度,控制文件上传类型和大小,为每一步操作添加回调函数等。该插件还自带一个PHP文件用于服务器端处理上传文件。

    uploadify

    Php Upload

    JQuery Float Dialog

    JQuery Float Dialog是一个浮动模式对话框,可通过参数控制对话框弹出速度、全屏背景、弹出回调事件、弹出的方向等。

    JQuery Float Dialog

    Popup Window

    GalleryView

    GalleryView是一个灵活的内容幻灯播放jQuery插件。它提供的容器能够展示HTML内容,并能够为当前展示的内容添加标题说明。

    GalleryView

    Gallery Slider

    Polaroid Photo Viewer

    这是一个基于CSS3与jQuery开发的照片查看工具。它可以让用户在页面上随着拖动照片,旋转照片等。
    Polaroid_Photo_Viewer.jpg

    Polaroid Photo Viewer

    DragDrop Image

    Ajax Fancy Captcha

    这个jQuery插件提供一种新颖,有趣的验证码校验方式。它让用户从几种备选的图标中,选中一种拖到一个指定的地方来实现校验。
    Ajax-Fancy-Captcha.jpg

    Ajax Fancy Captcha

    Simple tooltip

    Simple tooltip是一个非常简单的Tooltip jQuery插件。
    $("#some-element").simpletooltip()
    Simpletooltip.jpg

    Simple tooltip

    Tooltips

    Dropdown Check List jQuery widget

    这个jQuery能够将普通的select html标签转换成一个下拉可多选checkbox控件。
    Dropdown.jpg

    Dropdown Check List jQuery widget

    Forms

    jquery-image-dropdown

    这个jQuery插件能够将普通的select下拉选择控件转换成,一个可以为下拉框中的每个选项添加不同图标的控件。
    jquery-image-dropdown.gif

    jquery-image-dropdown

    Forms

    Sliding Boxes and Captions with jQuery

    这是一个能够直接在图片表面添加标题说明的jQuery插件。当鼠标滑过图片时,标题备注能够以各种动画效果展现。
    SlidingBoxes.jpg

    Sliding Boxes and Captions with jQuery

    Image

    Sexy Combo

    Sexy Combo是一个jQuery插件,它能够将默认的selectboxes转换成更吸引人和便于使用的comboboxes控件。既可以让用户输入也可以从下拉选项中选择。
    Sexy_Combo.jpg

    Sexy Combo

    Forms

    Sliding Login Panel

    Sliding Login Panel是一个采用jQuery开发的用户登录面板。这个面板能够从页面顶部滑落与收缩。
    Sliding_Login_Panel.jpg

    Sliding Login Panel

    Forms

    jQuery Fullsize

    jQuery Fullsize这个插件允许在标签中加入一个longdesc属性来设置缩略图指向的具体图片。当鼠标移到缩略图表面时单击放大按纽,就能够放大longdesc属性设置的图片。
    jQueryFullsize.jpg

    jQuery Fullsize

    Image

    A fancy Apple.com-style search suggestion

    这是一个使用HTML/CSS,jQuery,MySQL+PHP等技术实现的Search Suggestion。
    search-suggestion.jpg

    A fancy Apple.com-style search suggestion

    AutoComplete Php

    jQuery Menu

    jQuery Menu是一个极好的菜单系统,可用于创建简单的下拉菜单,iPod-like菜单和Flyout风格的导航菜。
    jQuery_Menu.jpg

    jQuery Menu

    Menu

    Fly Off Page

    Fly Off Page这个jQuery插件能够让选定的页面元素(如图片)按预定的方向或随机飞出页面。
    Fly_Off_Page.jpg

    Fly Off Page

    分享到:
    评论

    相关推荐

      jQuery权威指南-源代码

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

      jQuery权威指南 带书签

      本书由国内资深web技术专家亲自执笔,4大web开发社区一致鼎力推荐,权威性毋庸置疑。内容新颖,基于jquery的最新版本撰写,所有新功能和新特性一览无余;内容全面,不仅讲解了jquery技术本身的方方面面,而且还包括...

      Jquery官方包

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

      jquery权威指南高清文字版

      本书由国内资深web技术专家亲自执笔,4大web开发社区一致鼎力推荐,权威性毋庸置疑。内容新颖,基于jquery的最新版本撰写,所有新功能和新特性一览无余;内容全面,不仅讲解了jquery技术本身的方方面面,而且还包括...

      jQuery权威指南-配套源代码

      由国内资深Web技术专家亲自执笔,4大Web开发社区一致鼎力推荐,权威性毋庸置疑。  内容新颖,基于jQuery的最新版本撰写,所有新功能和新特性一览无余;内容全面,不仅讲解了jQuery技术本身的方方面面,而且还包括与...

      jquery插件使用方法大全

      由于目前高校基本尚未开JavaScript的相关课程,目前jQuery的学习,使用,研究都仅限于在职Web程序员之间。 用jq的前提,首先要引用一个有jq的文件 [removed][removed] 这个是jquery官方最新的地址。可用在自己网站...

      WEB开发常用工具手册

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

      jQuery权威指南

      本书由国内资深web技术专家亲自执笔,4大web开发社区一致鼎力推荐,权威性毋庸置疑。内容新颖,基于jquery的最新版本撰写,所有新功能和新特性一览无余;内容全面,不仅讲解了jquery技术本身的方方面面,而且还包括...

      JQUERY权威指南.zip.001

      由国内资深Web技术专家亲自执笔,4大Web开发社区一致鼎力推荐,权威性毋庸置疑。 内容新颖,基于jQuery的最新版本撰写,所有新功能和新特性一览无余;内容全面,不仅讲解了jQuery技术本身的方方面面,而且还包括与...

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

      本书由国内资深web技术专家亲自执笔,4大web开发社区一致鼎力推荐,权威性毋庸置疑。 内容新颖,基于jquery的最新版本撰写,所有新功能和新特性一览无余;内容全面,不仅讲解了jquery技术本身的方方面面,而且还...

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

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

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

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

      深入PHP与jQuery开发 pdf格式

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

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

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

      WEB版JQuery流程设计器 v2.0

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

      从零开始学习JQuery

      从零开始学习jQuery (十) jQueryUI常用功能实战 从零开始学习jQuery (十一) 实战表单验证与自动完成提示插件 一.摘要 本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会...

      JQUERY权威指南

      《jQuery权威指南》配套源代码下载:http://download.csdn.net/source/2960801, 由国内资深Web技术专家亲自执笔,4大Web开发社区一致鼎力推荐,权威性毋庸置疑。, 内容新颖,基于jQuery的最新版本撰写,所有新功能...

      Web开发实用工具集合

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

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

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

    Global site tag (gtag.js) - Google Analytics