常用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 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 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 web工具集6

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插件可以帮助你在页面边框处创建一个可伸缩的反馈表单。
常用jQuery web工具集6

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,PHP,UI,css)