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

常用jQuery web工具集6

阅读更多

jQuery Visualize Plugin

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

jQuery Visualize Plugin

Charts Canvas

dPassword jQuery Plugin

这是一个类似于iPhone密码输入框的jQuery插件。
iphone-password.jpg

dPassword jQuery Plugin

Forms

Create a Realistic Hover Effect With jQuery

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

Create a Realistic Hover Effect With jQuery

MopTip

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

MopTip

Tooltips

MopBox

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

MopBox

Window

MopSlider

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

MopSlider

Slider

jQuery "Highlight" plugin

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

jQuery "Highlight" plugin

Forms

AD Gallery

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

AD Gallery

Gallery

QuickFlip2

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

QuickFlip2

AnythingZoomer

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

AnythingZoomer

Reinventing a Drop Down with CSS and jQuery

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

Reinventing a Drop Down with CSS and jQuery

Forms

jQuery.sheet

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

jQuery.sheet

NotesForLightBox

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

NotesForLightBox

Lightbox

Font effect

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

Font effect

jCryption

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

jCryption

Forms Php

A Simple jQuery Slideshow

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

A Simple jQuery Slideshow

Slideshow

Picasa Web Album Integrator

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

Picasa Web Album Integrator

Gallery

Create a 3D Tag Cloud in jQuery

一个用于创建会滚动的3D标签云jQuery插件。
image4.png
/ajax/pimage/image5.png

Create a 3D Tag Cloud in jQuery

Image Flip Using jQuery

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

Image Flip Using jQuery

Image

AnythingSlider

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

AnythingSlider

Elastic jQuery plugin

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

Elastic jQuery plugin

Forms

jScroller

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

jScroller

jQuery nudging plugin

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

jQuery nudging plugin

In-Field Labels jQuery Plugin

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

In-Field Labels jQuery Plugin

Forms

3D Flying Text in jQuery

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

3D Flying Text in jQuery

Horizontal Tooltips Menu

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

Horizontal Tooltips Menu

Menu Tooltips

Simple Image Viewer

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

Simple Image Viewer

Gallery

Making an infinite JQuery carousel

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

Making an infinite JQuery carousel

Gallery

jquery.timepickr

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

jquery.timepickr

jQuery shiftcheckbox plugin

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

jQuery shiftcheckbox plugin

meioMask

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

meioMask

Forms

jQTouch

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

jQTouch

Contactable

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

Contactable

Forms

jExpand

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

jExpand

Grid

BeZoom

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

BeZoom

jQuery Image Zoom Plugin

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

jQuery Image Zoom Plugin

Image

jQuery look

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

jQuery look

VanadiumJS

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

VanadiumJS

Forms Validation

Crafting an Animated Postcard With jQuery

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

Crafting an Animated Postcard With jQuery

Pretty checkboxes with jQuery

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

Pretty checkboxes with jQuery

jCaption

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

jCaption

Image

jQuery UI Multiselect

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

jQuery UI Multiselect

Forms Widgets

Slide Thumbs

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

Slide Thumbs

Gallery Image

FacyBox

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

FacyBox

Lightbox

LeaveNotice

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

LeaveNotice

Making a Really Cool jQuery Gallery

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

Making a Really Cool jQuery Gallery

Gallery Php

jQuery Live Form Validation

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

jQuery Live Form Validation

Forms Validation

Sproing - Make An Elastic Thumbnail Menu

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

Sproing - Make An Elastic Thumbnail Menu

Menu

Greyscale Hover Effect w/ CSS & jQuery

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

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.jpg

inFrame: Keep Demos Inside the Page with jQuery

分享到:
评论

相关推荐

    基于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 开发...

    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 apijQuery 工具包

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

    jquery ui1.10 api中文web版

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

    JQuery常用属性说明

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

Global site tag (gtag.js) - Google Analytics