常用jQuery web工具集5

icejadelove

浏览: 134925 次
性别:
来自: 北京

最近访客更多访客>>

damao123456

wyzuomumu

czb054

woodding2008

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

jQuery Web Ajax CSS UI

Tag Clouds

Zoom_Icon

利用CSS与jQuery，实现在图片表面添加放大图标。

Zoom_Icon

Image

Simple jQuery Modal Window

这是一个采用jQuery开发，可自定义外观的简单模式对话框。

Simple jQuery Modal Window

Window

Side Navigation Tooltip

利用jQuery为侧面导航菜单添加Tooltips气泡提示说明。

Side Navigation Tooltip

Tooltips

Smart Tooltips

这是一个利用CSS与jQuery实现的，拥有透明气泡框的Tooltips控件。

Smart Tooltips

Tooltips

jqueryBook

基于jQuery实现的产品展示控件。提供导航控制按纽，提示产品详细信息的气泡。

jqueryBook

jQuery.ptTimeSelect

jQuery.ptTimeSelect是一个上下午时间选择UI控件。

jQuery.ptTimeSelect

DatePicker

loopedSlider

jQuery Content Slider插件，支持循环播放。

loopedSlider

Slider

slideViewer

利用这个jQuery插件，只需几行代码就能够将一组无序的图片列表转换成可导航控制的相册。

slideViewer

Gallery Image Slider

Autobox2

Autobox2这个jQuery插件，可以用于创建类似于Facebook风格的AutoComplete控件。

Autobox2

jqTransform

jqTransform是一个表单换肤插件jQuery插件，它能够为普通的表单Form加上漂亮的外观。

jqTransform

Forms

Ajax Tooltip script

这个Tooltip根据页面标签title属性指定的链接地地通过Ajax获取气泡要显示的内容。

Ajax Tooltip script

Tooltips

MarkitUp

MarkitUp是一个轻量级，可定制，灵活的WYSIWYG Editor。

支持快捷键

支持Ajax动态预览

支持IE7、Safari3.1、Firefox2、Firefox3、IE6和Opera9+

支持html、Wiki、BBScode等编辑格式

MarkitUp

Editor

tabSwitch

tabSwitch是一个能够帮助开发人员轻松创建Tabs与sliders的jQuery插件。有7种效果2种样式可供选择。tabSwitch可以自动或手动播放每一个tab/slide。

tabSwitch

Slider Tabs

jSelect

jSelect这个jQuery插件能够用于管理Select标签中的Option子标签。提供从各种数据源添加Option标签如：JS数组、XML文档或JSON数据等。

jSelect

Forms

s3Capcha jQuery plugin

这个jQuery插件能够让你用选择图片的方式来代替填写验证码的验证方式。

s3Capcha jQuery plugin

Forms Php

InputLabel

InputLabel这个jQuery插件能够为文本输入框添加备注说明。并且当输入框获得焦点时，备注说明自动消失。支持为备注说明设置字体颜色。

InputLabel

Forms

Table Drag and Drop JQuery plugin

这个jQuery插件能够为HTML表格添加行拖放(Drag and Drop)功能。

Table Drag and Drop JQuery plugin

Thumbnail Hover Effect

利用jQuery实现当鼠标悬停在缩略图上时自动增加大图片的效果。

Thumbnail Hover Effect

Effects Image

jcUpload

jcUpload是一个采用Flash与jQuery实现的Ajax文件上传组件。支持文件上传进度条提示。支持多文件上传，用户可以在文件选择框按住Ctrl或Shift键一次选择多个文件。支持自定义文件扩展名过滤，限制个别文件大小，控制待上传文件队列大小/数量。易于自定义外观。

jcUpload

JQTreeTable

JQTreeTable这个jQuery插件能够将普通的HTML表格转换成带有嵌有Tree控件的表格。

JQTreeTable

Grid Tree

jQuery Popup Bubble

利用jQuery实现当鼠标移到链接上时弹出一个气泡提示框。

jQuery Popup Bubble

jTwitter

jTwitter（jQuery Twitter API）利用这个jQuery插件，给定一个Twitter用户名，就能够获取包含该用户详细信息的javascript对象包括:followers&following counts，full name，homepage URL等。

jTwitter

beautyOfCode

beautyOfCode这个jQuery插件能够对html页面中各种源代码的语法进行着色显示。封装自Syntaxhighlighter并添加对xhtml兼容支持。

beautyOfCode

Highlight

Chili

Chili是一个jQuery源代码语法着色/高亮插件。具有以下特性：

着色非常快，易于使用，完全可定制，文档丰富。

支持显示行号。

在Internet Explorer、Firefox、Opera和Safari等浏览器上显示同样的效果。

默认支持的源代码类型包括：C++、C#、CSS、Delphi、Java、JavaScript、LotusScript、MySQL、PHP和XHTML。

完全支持正则表达式，包括反向引用。

Chili

Highlight

jQuery Password Strength Meter

这是一个采用jQuery实现的密码强度检查器。

jQuery Password Strength Meter

Validation

jPlayer

jPlayer是一个用于控制和播放mp3文件的jQuery插件。它在后台使用Flash来播放mp3文件，前台播放器外观完全可以使用XHML/CSS自定义。支持：

选择需要播放的Mp3文件。

播放、暂停、停止控制。

音量控制。

取得播放进度等信息。

jPlayer

jQuery Google Charts

jQuery Google Charts是一个封装Google API charts的jQuery插件，提供了更加简易的使用方法。

jQuery Google Charts

Charts

Image rotator

这是一个使用jQuery与CSS实现带有图片描述说明的图片轮播插件。

Image rotator

Image

Tokenizing Autocomplete Text Entry

一个jQuery插件能够让用户从一个预设的列表中,选择多个项目。并提供Autocompletion功能来帮助用户搜索项目。支持通过CSS控制和定制布局。能够缓存搜索结果减少服务器加载次数。支持用鼠标或键盘来选择项目。提供平滑的动画数据加载效果。

Tokenizing Autocomplete Text Entry

Gmail/Facebook Style jQuery Chat

Gmail/Facebook风格的Ajax控件，集成到现有网站极其简单。聊天窗口与Gmail相似都是从右下角弹出。提供最小化和关闭窗口的功能。能够自动调整消息输入框大小。当消息比较多时，会自动滚动窗口。

Gmail/Facebook Style jQuery Chat

FullCalendar

FullCalendar是一个jQuery日历插件，它使用Ajax来获取每一个月的日历事件并能够配置成使用自己的日历事件来源比如从Google Calendar获取事件。支持拖放日历中的事件，自定义点击和拖放事件。

FullCalendar

Calendar

jquery week-calendar

这是一个周日历jQuery插件。能够在周日历网格中显示事件。日历事件可以从数组，URL或JSON取得。日历事件可以被随意拖曳，调整占用区域的大小。在该插件初始化时会自动滚动到当前时间所在的单元格。可以自定义各种事件的回调操作比如：drag、drop、resize、mouseover、click等。可以按自己需求扩展该插件的核心日历事件数据结构。

jquery week-calendar

Calendar

jQuery UI.Layout

这是一个模仿ExtJS区域布局(Border Layout)实现的jQuery UI页面布局管理器。简单易于使用，东南西北中5个区域可以嵌套使用，外观可以通过CSS控制。

jQuery UI.Layout

Create a Slick and Accessible Slideshow Using jQuery

这是一篇介绍如何利用jQuery创建Slideshow的文章。

Create a Slick and Accessible Slideshow Using jQuery

Slideshow

jQuery Scroll to Top Control

这个控件用于当网页比较很长时，会在页面右下脚出一个浮动按纽，用户点击该按纽时自动滚屏回到页面的顶部。

jQuery Scroll to Top Control

vTip

vTip是一个非常轻量级（1.11KB js、272b CSS）的tooltips jQuery插件。

vTip

Tooltips

jQuery Simple Tree

jQuery Simple Tree是一个可拖放的树形控件。支持通过Ajax动态加载树节点，具有简单易于使用和漂亮的外观等特点。

jQuery Simple Tree

Tree

jqPlot

jqPlot是一个jQuery绘图插件，可以利用它制作漂亮的线状图和柱状图。jqPlot支持为图表设置各种不同的样式。提供Tooltips，数据点高亮显示等功能。

jqPlot

Charts

jQuery Tools

jQuery Tools提供一组当今网站常用到的几个Web UI控件。而且这些组件单个JavaScript文件只有5.8Kb大小。这些控件包括：tabs、tooltip、overlay（模式对话框）、expose（让页面任意元素突出显示）、Slider、flashembed（简化Flash插入方法）。

jQuery Tools

jQuery Superbox!

jQuery Superbox!是一个jQuery插件用于创建可定制的模式对话框（效果与lightbox相似）。它可以展示任意类型的内容包括iframes，默认为图片类型（支持单张或多张模式）。模式对话框的尺寸可以根据展示的内容自动调整，也可以定义一个标准展示尺寸。

jQuery Superbox!

Lightbox Window

NotesForMenu

NotesForMenu是一个非常简单的jQuery插件用于创建多层级树形菜单，只需一行代码就能够实现。

NotesForMenu

Tree

jQuery Inline Form Validation Engine

这是一个采用Tooltip效果显示校验提示信息的表单校验jQuery插件。

jQuery Inline Form Validation Engine

Forms

jQuery Drop Line Menu

这个jQuery插件能够将一个嵌套的UI列表转换成一个具有层级关系的水平下拉菜单。

jQuery Drop Line Menu

jMonthCalendar

jMonthCalendar是一个jQuery插件用于创建以月视图显示的事件日历表（event calendar）。jMonthCalendar支持跨天的事件和通过拖放操作更新事件数据。

jMonthCalendar

Calendar

jQuery Content Slider

这是一篇介绍如何利用jQuery与jQuery UI实现内容自动滑动变换的Slider控件。

jQuery Content Slider

Slider

Stylish Select Box

Stylish Select Box是一个用于创建可自定义下拉框外观风格的jQuery插件。

Stylish Select Box

Forms

jQuery DateInput

jQuery Date Input是一个简洁，快速，轻量级，漂亮的日期选择控件。DateInput可自定义日期的显示格式，同时支持多种语言包括中文。

jQuery DateInput

DatePicker

Simple Slider

一个简单相册导航浏览jQuery插件。提供左右两个按纽进行导航控制。

Simple Slider

Slider

jQuery Simple Transition

jQuery Simple Transition是一个轻量级的jQuery插件，可以帮助你在多张不同的图片之间实现各种不同的切换效果。比如：放大/缩小，淡入/淡出，上下翻滚。

jQuery Simple Transition

iPhone Style Checkboxes

这是一个利用jQuery框架实现的iPhone风格Checkboxe控件。

iPhone Style Checkboxes

Forms

Recreating the MobileMe Web Gallery Interface

这篇文章介绍如何利用CSS和少量jQuery代码来创建一个界面与Mac MobileMe网络相簿相似的Web Gallery。

Recreating the MobileMe Web Gallery Interface

Gallery Image

Build a Web 2.0 Document Search Site

在这篇文章中介绍了如何利用jQuery创建一个按文档扩展名进行过滤的文档搜索界面。通过这篇文章将会学习到较多的jQuery使用技巧和技术。
Web2.0_Document_Search_Sit.jpg

Build a Web 2.0 Document Search Site

jQuery Menu Effect Plugin

这个jQuery插件包含6种动画特效。用于当鼠标滑过菜单栏时产生各种特效，让整个菜单栏更加引人注意。这6种效果包括：淡入/淡出，跳跃，闪烁，向上/向下滚动，颤动。

jQuery Menu Effect Plugin

Effects

jSlickmenu

jSlickmenu是一个利用CSS3的一些特性（如：旋转、阴影）与jQuery实现的Slick menu。jSlickmenu具有易于使用，外观cool，可定制等特性。

jSlickmenu

这是一个JavaScript library用于获取和操作HTTP cookies。可以利用它来取得当前浏览器所有cookies列表，设置/删除cookies，检测当前浏览器是否支持Cookies。该library并不一定需要依赖jQuery才能使用，但当在页面中有包含jQuery时，可以将表单中的Field自动添加到cookies，或利用已经存在cookie值自动填充Form Fields。

Other

FormClear

这是一个当单击Text，Password和Textarea输入框时，会将其中的默认值清空的jQuery插件。

FormClear

Forms

jmpopups

jmpopups是一个可同时打开多个模式对话框的jQuery插件。弹出窗中的内容可以从当前页面中获取，也可以利用Ajax获取。jmpopups兼容大部分浏览器包括：IE6+、FF1.5+、Opera9.*、Chrome2.*、Safari 4.*。