当前位置:   article > 正文

常用jQuery web工具集5

jslickmenu

Tag Clouds

von.gif

Tag Clouds提供标签云样式,并为标签云添加排序功能。
tagcloud.gif

Tag Clouds

tag_blue.jpg

icon_1.gif Zoom_Icon

von.gif

利用CSS与jQuery,实现在图片表面添加放大图标。
Zoom_Icon.jpg

Zoom_Icon

tag_blue.jpgImage

icon_1.gif Simple jQuery Modal Window

von.gif

这是一个采用jQuery开发,可自定义外观的简单模式对话框。
Simple-jQuery-Modal-Window.jpg

Simple jQuery Modal Window

tag_blue.jpgWindow

icon_1.gif Side Navigation Tooltip

von.gif

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

Side Navigation Tooltip

tag_blue.jpgTooltips

icon_1.gif Smart Tooltips

von.gif

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

Smart Tooltips

tag_blue.jpgTooltips

icon_1.gif jqueryBook

von.gif

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

jqueryBook

tag_blue.jpg

icon_1.gif jQuery.ptTimeSelect

von.gif

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

jQuery.ptTimeSelect

tag_blue.jpgDatePicker

icon_1.gif loopedSlider

von.gif

jQuery Content Slider插件,支持循环播放。
loopedSlider.jpg

loopedSlider

tag_blue.jpgSlider

icon_1.gif slideViewer

von.gif

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

slideViewer

tag_blue.jpgGallery Image Slider

icon_1.gif Autobox2

von.gif

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

Autobox2

jqTransform

von.gif

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

jqTransform

tag_blue.jpgForms

icon_1.gif Ajax Tooltip script

von.gif

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

Ajax Tooltip script

tag_blue.jpgTooltips

icon_1.gif MarkitUp

von.gif

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

支持快捷键 支持Ajax动态预览 支持IE7、Safari3.1、Firefox2、Firefox3、IE6和Opera9+ 支持html、Wiki、BBScode等编辑格式
markitup.jpg

MarkitUp

tag_blue.jpgEditor

icon_1.gif tabSwitch

von.gif

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

tabSwitch

tag_blue.jpgSlider Tabs

icon_1.gif jSelect

von.gif

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

jSelect

tag_blue.jpgForms

icon_1.gif s3Capcha jQuery plugin

von.gif

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

s3Capcha jQuery plugin

tag_blue.jpgForms Php

icon_1.gif InputLabel

von.gif

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

InputLabel

tag_blue.jpgForms

icon_1.gif Table Drag and Drop JQuery plugin

von.gif

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

Table Drag and Drop JQuery plugin

tag_blue.jpg

icon_1.gif Thumbnail Hover Effect

von.gif

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

Thumbnail Hover Effect

tag_blue.jpgEffects Image

icon_1.gif jcUpload

von.gif

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

jcUpload

JQTreeTable

von.gif

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

JQTreeTable

tag_blue.jpgGrid Tree

icon_1.gif jQuery Popup Bubble

von.gif

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

jQuery Popup Bubble

tag_blue.jpg

icon_1.gif jTwitter

von.gif

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

jTwitter

tag_blue.jpg

icon_1.gif beautyOfCode

von.gif

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

beautyOfCode

tag_blue.jpgHighlight

icon_1.gif Chili

von.gif

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

着色非常快,易于使用,完全可定制,文档丰富。 支持显示行号。 在Internet Explorer、Firefox、Opera和Safari等浏览器上显示同样的效果。 默认支持的源代码类型包括:C++、C#、CSS、Delphi、Java、JavaScript、LotusScript、MySQL、PHP和XHTML。 完全支持正则表达式,包括反向引用。
Chili.jpg

Chili

tag_blue.jpgHighlight

icon_1.gif jQuery Password Strength Meter

von.gif

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

jQuery Password Strength Meter

tag_blue.jpgValidation

icon_1.gif jPlayer

von.gif

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

选择需要播放的Mp3文件。 播放、暂停、停止控制。 音量控制。 取得播放进度等信息。
jPlayer.jpg

jPlayer

tag_blue.jpg

icon_1.gif jQuery Google Charts

von.gif

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

jQuery Google Charts

tag_blue.jpgCharts

icon_1.gif Image rotator

von.gif

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

Image rotator

tag_blue.jpgImage

icon_1.gif Tokenizing Autocomplete Text Entry

von.gif

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

Tokenizing Autocomplete Text Entry

Gmail/Facebook Style jQuery Chat

von.gif

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

Gmail/Facebook Style jQuery Chat

tag_blue.jpg

icon_1.gif FullCalendar

von.gif

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

FullCalendar

tag_blue.jpgCalendar

icon_1.gif jquery week-calendar

von.gif

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

jquery week-calendar

tag_blue.jpgCalendar

icon_1.gif jQuery UI.Layout

von.gif

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

jQuery UI.Layout

tag_blue.jpg

icon_1.gif Create a Slick and Accessible Slideshow Using jQuery

von.gif

这是一篇介绍如何利用jQuery创建Slideshow的文章。
15-02_slick_accessible_fina.jpg

Create a Slick and Accessible Slideshow Using jQuery

tag_blue.jpgSlideshow

icon_1.gif jQuery Scroll to Top Control

von.gif

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

jQuery Scroll to Top Control

tag_blue.jpg

icon_1.gif vTip

von.gif

vTip是一个非常轻量级(1.11KB js、272b CSS)的tooltips jQuery插件。
vTip.jpg

vTip

tag_blue.jpgTooltips

icon_1.gif jQuery Simple Tree

von.gif

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

jQuery Simple Tree

tag_blue.jpgTree

icon_1.gif jqPlot

von.gif

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

jqPlot

tag_blue.jpgCharts

icon_1.gif jQuery Tools

von.gif

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

jQuery Tools

jQuery Superbox!

von.gif

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

jQuery Superbox!

tag_blue.jpgLightbox Window

icon_1.gif NotesForMenu

von.gif

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

NotesForMenu

tag_blue.jpgTree

icon_1.gif jQuery Inline Form Validation Engine

von.gif

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

jQuery Inline Form Validation Engine

tag_blue.jpgForms

icon_1.gif jQuery Drop Line Menu

von.gif

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

jQuery Drop Line Menu

tag_blue.jpgMenu

icon_1.gif jMonthCalendar

von.gif

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

jMonthCalendar

tag_blue.jpgCalendar

icon_1.gif jQuery Content Slider

von.gif

这是一篇介绍如何利用jQuery与jQuery UI实现内容自动滑动变换的Slider控件。
jquery-ui-content-slider.jpg

jQuery Content Slider

tag_blue.jpgSlider

icon_1.gif Stylish Select Box

von.gif

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

Stylish Select Box

tag_blue.jpgForms

icon_1.gif jQuery DateInput

von.gif

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

jQuery DateInput

tag_blue.jpgDatePicker

icon_1.gif Simple Slider

von.gif

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

Simple Slider

tag_blue.jpgSlider

icon_1.gif jQuery Simple Transition

von.gif

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

jQuery Simple Transition

iPhone Style Checkboxes

von.gif

这是一个利用jQuery框架实现的iPhone风格Checkboxe控件。
iphone-checkbox.jpg

iPhone Style Checkboxes

tag_blue.jpgForms

icon_1.gif Recreating the MobileMe Web Gallery Interface

von.gif

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

Recreating the MobileMe Web Gallery Interface

tag_blue.jpgGallery Image

icon_1.gif Build a Web 2.0 Document Search Site

von.gif

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

Build a Web 2.0 Document Search Site

tag_blue.jpg

icon_1.gif jQuery Menu Effect Plugin

von.gif

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

jQuery Menu Effect Plugin

tag_blue.jpgEffects

icon_1.gif jSlickmenu

von.gif

jSlickmenu是一个利用CSS3的一些特性(如:旋转、阴影)与jQuery实现的Slick menu。jSlickmenu具有易于使用,外观cool,可定制等特性。
jSlickmenu.jpg

jSlickmenu

tag_blue.jpgMenu

icon_1.gif Cookies

von.gif

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

Cookies

tag_blue.jpgOther

icon_1.gif FormClear

von.gif

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

FormClear

tag_blue.jpgForms

icon_1.gif jmpopups

von.gif

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

jmpopups

tag_blue.jpgWindow

icon_1.gif jQuizMe

von.gif

jQuizMe是一个采用jQuery开发的Web测验程序。支持的测验题型包括:填空,多选择,判断,Flash Cards等。
jQuizMe.jpg
jQuizMe.jpg

jQuizMe

tag_blue.jpg

icon_1.gif jquery-rollover-tooltip

von.gif

利用jQuery实现当鼠标移过图标上方时会出现一个气泡(tooltip),气泡中的内容读取自html tags属性。
rollover.jpg

jquery-rollover-tooltip

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/402365
推荐阅读
  

闽ICP备14008679号