jQuery Visualize Plugin

Visualize是一个利用HTML5 Canvas将Tables标签转换成图表的jQuery插件。支持的图表类型包括:线状图,柱状图,饼状图。可以设置图表标题,高度/宽度,颜色等。

jQuery Visualize Plugin
Charts Canvas
dPassword jQuery Plugin

这是一个类似于iPhone密码输入框的jQuery插件。

dPassword jQuery Plugin
Forms
Create a Realistic Hover Effect With jQuery

利用jQuery为一组图标链接添加当鼠标移过时,图标会产生向上升起+倒影的效果。

Create a Realistic Hover Effect With jQuery

MopTip

MopTip是一个采用jQuery开发的Tooltips插件。经测试支持Safari4、Firefox3、Opera9、IE6、IE7、IE8、Google crome等浏览器,且界面美观。

MopTip
Tooltips
MopBox

MopBox是一个可拖曳的模式对话框,对话框中的内容可以包含div、image、flashmovie、video等。假如其还拥有多个子项,在模式对话框中会自动出现滑动导航条。

MopBox
Window
MopSlider

MopSlider是一个滚动框中可以包含任意内容的Slider插件,但宽度和高度需要预先设置好。支持在同一个页面中有多个MopSlider实例。

MopSlider
Slider
jQuery "Highlight" plugin

jQuery "Highlight" plugin是一个能对任意页面标签,当被选中时添加高亮提示的jQuery插件。主要用于提示表单填写。

jQuery "Highlight" plugin
Forms
AD Gallery

AD Gallery是一个带缩略图导航浏览,可设置照片标题和备注说明信息的jQuery相册插件。可以定义照片切换效果(左右交替,落下,淡入淡出,放大/缩小交替等)。照片展示框会根据实际照片大小自动调整。

AD Gallery
Gallery
QuickFlip2

QuickFlip2这个jQuery插件能够让任意HTML标签块,点击产生类似于翻转一张卡片的效果,与iPhone上的UI动画一样。

QuickFlip2

AnythingZoomer

AnythingZoomer是一个jQuery放大镜插件,它几乎可以放大任何东西。在其网站上有演示放大图片,文本和日历的例子。

AnythingZoomer
Reinventing a Drop Down with CSS and jQuery

利用CSS+jQuery实现一个自定义的Select控件。可以定义外观,下拉项目除了文本还可以加图片。

Reinventing a Drop Down with CSS and jQuery
Forms
jQuery.sheet

jQuery.sheet是一个Web电子表格jQuery插件。功能、界面风格与MS Excel相似。

jQuery.sheet

NotesForLightBox

NotesForLightBox是一个采用jQuery开发的Lightbox控件。支持大部分浏览器。提供导航播放按纽,图片加载进度提醒。模式对话框采用圆角风格。

NotesForLightBox
Lightbox
Font effect

Font effect是一个能够生成特效字体的jQuery插件。可用的效果包括:阴影,倒影,渐变,轮廓。

Font effect

jCryption

在正常情况下,当提交数据时,如果没有SSL数据将使用纯文本的方式发送。jCryption这个jQuery插件能够加密由Forms提交的POST/GET数据。jCryption使用RSA公钥密码算法加密,该项目还提供一个PHP文件来处理数据的解密。

jCryption
Forms Php
A Simple jQuery Slideshow

A Simple jQuery Slideshow是一个利用jQuery+少量CSS实现的简单图片幻灯片播放插件。图片之间的切换采用淡入淡出的效果。

A Simple jQuery Slideshow
Slideshow
Picasa Web Album Integrator

PWI这个jQuery插件让你可以将你的Picasa Web相册集成到你自己的的网站或博客中。让用户不会觉得你的相册是放在Google中。

Picasa Web Album Integrator
Gallery
Create a 3D Tag Cloud in jQuery

一个用于创建会滚动的3D标签云jQuery插件。


Create a 3D Tag Cloud in jQuery

Image Flip Using jQuery

利用jQuery实现图片上下/左右翻转效果。

Image Flip Using jQuery
Image
AnythingSlider

AnythingSlider是一个jQuery Slider插件,可以展示任意HTML内容。提供向前/向后滑动操作,能够自动添加分页导航Tab,可以随意启动自动播放功能。

AnythingSlider
Elastic jQuery plugin

Elastic jQuery plugin这个插件能够让Textareas随着输入内容的增加自动增长变化。

Elastic jQuery plugin
Forms
jScroller

jScroller是一个可以让某块区域中的hmtl内容自动上下/左右滚动的jQuery插件。没有使用marquee标签,完全符合w3c标签。所以可以支持多种浏览器。

jScroller

jQuery nudging plugin

jQuery nudging plugin这个插件可以让链接在鼠标移过时,产生轻推引人注意的效果。

jQuery nudging plugin

In-Field Labels jQuery Plugin

利用这个jQuery插件可以在文本输入框中加类似于图片水印的帮助说明文字。当输入框获得焦点时水印还不会消失,只有当输入字符时才会消失。

In-Field Labels jQuery Plugin
Forms
3D Flying Text in jQuery

利用jQuery制作飞舞的3D文字。

3D Flying Text in jQuery

Horizontal Tooltips Menu

一个带Tooltip提示的横向水平菜单,Tooltip滑动横跨在菜单面板下。

Horizontal Tooltips Menu
Menu Tooltips
Simple Image Viewer

利用jQuery内置的slideUp与slideDown方法创建一个简单的图片查看器。

Simple Image Viewer
Gallery
Making an infinite JQuery carousel

利用jQuery,以一种简单的方式实现一个类似于走马灯似的图片更迭jQuery插件。

Making an infinite JQuery carousel
Gallery
jquery.timepickr

jquery.timepickr是一个jQuery时间选择插件。让用户可以用点选的方式输入时间。支持皮肤更换,12小时/24小时两种格式。

jquery.timepickr

jQuery shiftcheckbox plugin

这是一个让你按住Shift键,就可以同时选中一组checkbox的jQuery插件。

jQuery shiftcheckbox plugin
meioMask

meioMask是一个可以让用户按指定格式输入的jQuery插件。既可以使用预先设置的格式,也在class属性中自定义输入格式。

meioMask
Forms
jQTouch

jQTouch这个jQuery插件让你只利用HTML、CSS和JavaScript,就能够创建可在WebKit浏览器上(iPhone、Android、Palm Pre)运行的手机应用程序。

jQTouch

Contactable

Contactable这个jQuery插件可以帮助你在页面边框处创建一个可伸缩的反馈表单。

Contactable
Forms
jExpand

jExpand是一个可以让表格具备可伸缩功能的jQuery插件。利用这个功能可以帮助你更好地组织表格,让表格承载更多的消息比如图片,列表,图表和其它元素。

jExpand
Grid
BeZoom

BeZoom是一个易于使用、轻量级的放大镜jQuery插件。

BeZoom

jQuery Image Zoom Plugin

这个jQuery插件可以用于创建当鼠标移过图片时,会在图片表面弹出一个透明的标题说明面板。面板中的信息读取自Img元素的Alt属性。

jQuery Image Zoom Plugin
Image
jQuery look

利用这个jQuery插件可以创建当鼠标移过图片按纽时,产生触动的效果。还可以创建一个简单的折叠面板。

jQuery look

VanadiumJS

VanadiumJS是一个强大的客户端表单校验jQuery插件。完全可以定制校规则,VanadiumJS默认提供的一些规则包括:必填、一些特定的格式、数字(integer, float)、长度、checkboxes是否接受。

VanadiumJS
Forms Validation
Crafting an Animated Postcard With jQuery

利用jQuery创建一张生动的贺卡。

Crafting an Animated Postcard With jQuery

Pretty checkboxes with jQuery

利用CSS和jQuery实现一个漂亮的Checkboxes控件。

Pretty checkboxes with jQuery
jCaption

jCaption这个jQuery插件可以用于为图片添加透明的浮动框来标注标题信息。

jCaption
Image
jQuery UI Multiselect

jQuery UI Multiselect是一个Web UI控件,它将html multiple select inputs转换成一个更直关、更易于操作的多选控件。支持全选添加和删除操作。

jQuery UI Multiselect
Forms Widgets
Slide Thumbs

这个示例介绍了如何利用jQuery实现一个漂亮的图片查看控件。

Slide Thumbs
Gallery Image
FacyBox

FacyBox是一个基于jQuery实现,Facebook/Fancybox风格的lightbox控件。可以展示图片、Div或通过Ajax加载的内容。

FacyBox
Lightbox
LeaveNotice

LeaveNotice这个jQuery插件能够很方便提醒你的用户,他们正在离开你的网站。

LeaveNotice

Making a Really Cool jQuery Gallery

Making a Really Cool jQuery Gallery利用PHP扫描某一目录下的所有图片,然后用CSS、jQuery和jQuery Lightbox插件生成一个漂亮的相册。

Making a Really Cool jQuery Gallery
Gallery Php
jQuery Live Form Validation

jQuery Live Form Validation是一个用于创建表单验证的jQuery插件。支持自定义校验规则,既可以在输入的时候实时校验,也可以在提交的时候校验。提示信息的样式完全可以通过CSS定义。

jQuery Live Form Validation
Forms Validation
Sproing - Make An Elastic Thumbnail Menu

Sproing - Make An Elastic Thumbnail Menu当鼠标移到菜单某个项目上时,会向上扩展放大。

Sproing - Make An Elastic Thumbnail Menu
Menu
Greyscale Hover Effect w/ CSS & jQuery

利用CSS Sprites技术和少量jQuery代码实现鼠标移到图片上,能够让图片变成灰白色,移开后还原。

Greyscale Hover Effect w/ CSS & jQuery
Image
inFrame: Keep Demos Inside the Page with jQuery

利用jQuery在同一个页面中演示多个Demo,实现不需要离开当前页面就能查看单独的Demo链接,不需要在head标签中添加Demo所需要的CSS文件,也不用担心javascript会与其它javascript相冲突。简单易用,只要指定每一个Demo链接的Class为inframe就可以。

inFrame: Keep Demos Inside the Page with jQuery
分享到:
相关推荐
此外,工具还可能提供了一些常用的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 开发...
综上所述,“100个常用的jQuery特效和插件”为开发者提供了大量的工具和灵感,它们可以帮助我们快速构建动态、交互性强的Web应用,同时减少编写底层代码的工作量。无论是初学者还是经验丰富的开发者,掌握这些特效和...
**jQuery 1.4.1 组件...总结,jQuery 1.4.1组件合集是一个包含多种功能和插件的资源包,它提供了强大的工具,让Web开发变得更为高效和便捷。无论是新手还是经验丰富的开发者,都能从中受益,提升项目质量和开发效率。
myExcel是一款基于jQuery库开发的Web版Excel工具,旨在为用户在浏览器环境下提供类似Microsoft Excel的功能,便于在线处理和编辑表格数据。这个项目的核心在于利用JavaScript的灵活性和jQuery的便利性,来模拟传统...
这个工具包,名为 "jQuery_api_for_dw3",可能包含了关于如何在Dreamweaver 3中使用jQuery API的详细文档和示例。 1. **DOM 操作**:jQuery 的核心功能之一是方便的 DOM(Document Object Model)操作。它提供了...
总结来说,jQuery UI 1.10 API中文Web版是Web开发者的重要工具,通过它,开发者可以轻松实现各种交互效果,提升网站的用户体验,同时也降低了开发复杂度。无论是初学者还是经验丰富的开发者,都应该深入学习和掌握这...
掌握这些JQuery的常用属性和Ajax方法,将使你能够更加高效地构建动态和交互性强的Web应用。无论是处理用户输入、响应用户交互还是与服务器进行异步通信,JQuery都提供了强大的工具来简化工作流程。