dong_java 发表于 2013-1-29 07:30:00

超强1000个jquery极品插件!

因为太多显示不全请点击 

原文地址:http://www.cnblogs.com/andylaufzf/archive/2009/03/26/1422255.html

 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
http://www.cnblogs.com/Emoticons/qface/055243803.gifaccordion类
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
基于jQuery开发,非常简单的水平方向折叠控件。
http://www.open-open.com/ajax/pimage/102807.jpg

Horizontal accordion: jQuery

热点图书:www.hotbook.cn
http://www.open-open.com/ajax/resource/icon_1.gif jQuery-Horizontal Accordion

具有XBOX360 blade界面风格的水平方向Accordion。
http://www.open-open.com/ajax/pimage/Query_Horizontal_Accordion.jpg

jQuery-Horizontal Accordion
jQuery plugin: Accordion
http://www.open-open.com/ajax/resource/von.gif
用于创建 折叠菜单的jQuery插件。
http://www.open-open.com/ajax/pimage/JAccordion.jpg

jQuery plugin: Accordion
热点图书:www.hotbook.cn
http://www.open-open.com/ajax/resource/icon_1.gif Accordion Menu script
http://www.open-open.com/ajax/resource/von.gif
基于jQuery开发的可折叠菜单。
http://www.open-open.com/ajax/pimage/Accordion_Content_Menu-scri.jpg

Accordion Menu script
热点图书:www.hotbook.cn
http://www.open-open.com/ajax/resource/icon_1.gif jQuery.combobox
http://www.open-open.com/ajax/resource/von.gif
jQuery.combobox是一个采用jQuery开发的combobox控件,可以使用CSS控制该combobox的外观,可以设置各种不同风格的下拉动画效果。
http://www.open-open.com/ajax/pimage/jQuery.combobox.jpg

jQuery.combobox


热点图书:www.hotbook.cn
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
http://www.cnblogs.com/Emoticons/qface/055243803.gifautocomplate类
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 
jQuery插件易于集成到现在的表单中(Form)。
http://www.open-open.com/ajax/pimage/jq_auto_script.jpg

AutoComplete-JQuery


http://www.open-open.com/ajax/resource/icon_1.gif Facebook like Autocomplete

基于jQuery开发,类似于FaceBoox提供的AutoCompleter。
http://www.open-open.com/ajax/pimage/facebook_searchengine.png

Facebook like Autocomplete


http://www.open-open.com/ajax/resource/icon_1.gif jQuery Autocomplete Mod

jQuery Autcomplete插件。能够限制下拉菜单显示的结果数。
http://www.open-open.com/ajax/pimage/9jan0800.jpg

jQuery Autocomplete Mod


http://www.open-open.com/ajax/resource/icon_1.gif jqac

基于Jquery开发的Autocomplete插件。具有易于使用,配置简单,既可以利用Ajax读取数据也可以直接从本地获取数据。
http://www.open-open.com/ajax/pimage/jqac_snapshot.png

jqac

热点图书:www.hotbook.cn
http://www.open-open.com/ajax/resource/icon_1.gif jQuery Tag Suggestion

类似于del.icio.us提供的tag suggesting功能。
http://www.open-open.com/ajax/pimage/2jan0808.jpg

jQuery Tag Suggestion


http://www.open-open.com/ajax/resource/icon_1.gif Autocomplete-jQuery ajax

利用 jQuery(Ajax),PHP和MySQL开发的AutoCompleter。
http://www.open-open.com/ajax/pimage/AutoComplete_1.png

Autocomplete-jQuery ajax


http://www.open-open.com/ajax/resource/icon_1.gif jQuery.Suggest

跨浏览器支持,基于jQuery开发的Autocomplete library。
http://www.open-open.com/ajax/pimage/092300.jpg

jQuery.Suggest


http://www.open-open.com/ajax/resource/icon_1.gif Autocomplete- jQuery plugin

一个jQuery Autocompleter,提供缓存选项来限制对服务器的请求。
http://www.open-open.com/ajax/pimage/072902.jpg
Autocomplete- jQuery plugin
 
http://www.open-open.com/ajax/resource/icon_1.gif jQuery plugin: Autocomplete
http://www.open-open.com/ajax/resource/von.gif
自动完成输入框值让用户能够快速查找和过滤某些值。
http://www.open-open.com/ajax/pimage/Autocomplete.jpg

jQuery plugin: Autocomplete

http://www.open-open.com/ajax/resource/icon_1.gif jSuggest
http://www.open-open.com/ajax/resource/von.gif
模仿Google Suggest功能的AutoComplete jQuery插件。
http://www.open-open.com/ajax/pimage/test.gif

jSuggest

http://www.open-open.com/ajax/resource/icon_1.gif jQuery Live Ajax Search Plug-in
http://www.open-open.com/ajax/resource/von.gif
采用jQuery开发的AutoComplete控件。搜索结果展示框完全可以利用CSS自定义,内容展示是一个HTML页面。
http://www.open-open.com/ajax/pimage/Ajax_jquery.jpg

jQuery Live Ajax Search Plug-in

http://www.open-open.com/ajax/resource/icon_1.gif ddcombobox
http://www.open-open.com/ajax/resource/von.gif
带AutoComplete功能的下拉选择框jQuery插件。
http://www.open-open.com/ajax/pimage/ddcombobox.jpg

ddcombobox


  热点图书:www.hotbook.cn
 
 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
http://www.cnblogs.com/Emoticons/qface/055243485.gif分页类
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

 
 http://www.open-open.com/ajax/resource/icon_1.gif jQuery Pagination

jQuery分页插件
http://www.open-open.com/ajax/pimage/Pagination.jpg

jQuery Pagination
http://www.open-open.com/ajax/resource/icon_1.gif pager jQuery plug-in
http://www.open-open.com/ajax/resource/von.gif
jQuery分页插件。
http://www.open-open.com/ajax/pimage/pager_jQuery_plug-in.jpg

pager jQuery plug-in

http://www.open-open.com/ajax/resource/icon_1.gif JQuery Pager
http://www.open-open.com/ajax/resource/von.gif
一个利用jQuery开发的分页UI控件,可用于数据驱动的web应用程序中。
http://www.open-open.com/ajax/pimage/JQuery_Pager.jpg

JQuery Pager

热点图书:www.hotbook.cn
 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
http://www.cnblogs.com/Emoticons/qface/055243485.gif提示框弹窗类
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 
http://www.open-open.com/ajax/resource/icon_1.gif Facebox

Facebox 是一个基于jQuery,Facebook-style的lightbox。能够展示示images,divs或者整个远程页面。
http://www.open-open.com/ajax/pimage/Facebox2.jpg

Facebox
SimpleModal

SimpleModal是一个轻量级jQuery插件提供了一个简单的接口来创建模式对话框。
http://www.open-open.com/ajax/pimage/SimpleModal.jpg

SimpleModal
http://www.open-open.com/ajax/resource/icon_1.gif jTip
http://www.open-open.com/ajax/resource/von.gif
jTip一个利用jQuery开发的提示工具。jTip通过HttpXMLRequest获取内容。用法简单,只需要在你的元素的class上加上Jtip,并引入jtip.js及其样式即可以。
http://www.open-open.com/ajax/pimage/tooltips_05.jpg

jTip


http://www.open-open.com/ajax/resource/icon_1.gif BetterTip
http://www.open-open.com/ajax/resource/von.gif
一个可以自定义Tooltip的jQuery插件。基于jTip,但比它来得更加灵活。
http://www.open-open.com/ajax/pimage/090901.jpg

BetterTip

http://www.open-open.com/ajax/resource/icon_1.gif clueTip
http://www.open-open.com/ajax/resource/von.gif
clueTip这个jQuery插件方便您为链接或其它元素添加Tooltip功能。当链接包括title属性时,它的内容将变成clueTip的标题。clueTip中显示的内容可以通过Ajax获取,也可以从当前页面中的元素中获取。
http://www.open-open.com/ajax/pimage/clueTip.jpg

clueTip


http://www.open-open.com/ajax/resource/icon_1.gif jQuery lightBox plugin
http://www.open-open.com/ajax/resource/von.gif
一个简单,强大基于jQuery开发的lightBox控件。
http://www.open-open.com/ajax/pimage/jQuery_lightBox_plugin.jpg

jQuery lightBox plugin

http://www.open-open.com/ajax/resource/icon_1.gif jQuery Impromptu
http://www.open-open.com/ajax/resource/von.gif
用于创建模式对话框,确认对话框,输入内容对话框的jQuery插件。
http://www.open-open.com/ajax/pimage/jQuery_Impromptu.jpg

jQuery Impromptu
http://www.open-open.com/ajax/resource/icon_1.gif jQuery.UI Messenger"Outlook like message notification Widget
http://www.open-open.com/ajax/resource/von.gif
这个jQuery.UI控件类似于Messenger"Outlook消息弹出提醒框。
http://www.open-open.com/ajax/pimage/jQuery.UI.Messenger.jpg

jQuery.UI Messenger"Outlook like message notification Widget

http://www.open-open.com/ajax/resource/icon_1.gif FancyBox
http://www.open-open.com/ajax/resource/von.gif
基于jQuery开发的Lightbox插件。支持对放大的图片添加阴影效果,对于一组相关的图片添加导航操作按纽,该Lightbox除了能够展示图片之外,还可以展示iframed内容, 通过CSS自定义外观。
http://www.open-open.com/ajax/pimage/FancyBox.jpg

FancyBox


http://www.open-open.com/ajax/resource/icon_1.gif Coda Popup Bubbles
http://www.open-open.com/ajax/resource/von.gif
采用jQuery开发,类似“冒泡”效果的提醒弹出框。
http://www.open-open.com/ajax/pimage/Coda_Popup_Bubbles.jpg

Coda Popup Bubbles

http://www.open-open.com/ajax/resource/icon_1.gif jGrowl
http://www.open-open.com/ajax/resource/von.gif
jGrowl用于制作消息弹出框的jQuery插件。产生效果的类似于Mac OSX系统中Growl事件通知框架。
http://www.open-open.com/ajax/pimage/jGrowl.jpg

jGrowl

http://www.open-open.com/ajax/resource/icon_1.gif jqWindowsEngine
http://www.open-open.com/ajax/resource/von.gif
这个jQuery插件能够帮助你轻松创建Ajax Windows。
http://www.open-open.com/ajax/pimage/jqWindowsEngine.jpg

jqWindowsEngine

http://www.open-open.com/ajax/resource/icon_1.gif jQuery Alert Dialogs
http://www.open-open.com/ajax/resource/von.gif
这个jQuery插件能够替换JavaScript提供的alert()、confirm()和prompt()功能。支持利用CSS自定义对话框外观。
http://www.open-open.com/ajax/pimage/jQuery_Alert_Dialogs1.jpg
http://www.open-open.com/ajax/pimage/jQuery_Alert_Dialogs2.jpg
http://www.open-open.com/ajax/pimage/jQuery_Alert_Dialogs3.jpg
http://www.open-open.com/ajax/pimage/jQuery_Alert_Dialogs4.jpg

jQuery Alert Dialogs
http://www.open-open.com/ajax/resource/icon_1.gif BeautyTips
http://www.open-open.com/ajax/resource/von.gif
BeautyTips是一个jQuery Tooltip插件.
http://www.open-open.com/ajax/pimage/diwd-schedule-2.jpg

BeautyTips


热点图书:www.hotbook.cn
 
 

[*]Facebook/Xiaonei 风格模态框
效果图:
http://images.cnblogs.com/cnblogs_com/fromearth/2009-05-10_233118.png
简介:
使用 div, table 和 opacity 效果实现模态框效果...
导航:
详细介绍 | 在线演示
热点图书网:www.hotbook.cn
 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
http://www.cnblogs.com/Emoticons/qface/055243485.gif编辑器类
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 
http://www.open-open.com/ajax/resource/icon_1.gif jwysiwyg

WYSIWYG jQuery插件。整个编辑器文件大小只有17Kb。
http://www.open-open.com/ajax/pimage/wysiwyg.jpg
jwysiwyg
 
http://www.open-open.com/ajax/resource/icon_1.gif Damn Small Rich Text Editor

基于jQuery开发,能够从IFRAME元素创建一个Rich Text Editor。提供了所有基本的Rich Text功能,可设置文本编辑区大小,Ajax上传图片等。
http://www.open-open.com/ajax/pimage/Damn.jpg

Damn Small Rich Text Editor

热点图书:www.hotbook.cn
 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
http://www.cnblogs.com/Emoticons/qface/055243485.gif表格类
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 
http://www.open-open.com/ajax/resource/icon_1.gif Flexigrid

Flexigrid是一个类似于Ext Gird,但基于jQuery开发的Grid。它具有的功能包括:可以调整列宽,合并列标题,分页,排序,显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。
http://www.open-open.com/ajax/pimage/Flexigrid.jpg

Flexigrid
http://www.open-open.com/ajax/resource/icon_1.gif Ingrid
http://www.open-open.com/ajax/resource/von.gif
这个jQuery DataGrid提供的功能有:可以拖动调整列宽,分页,排序,设置行/列样式等。
http://www.open-open.com/ajax/pimage/Ingrid.jpg

Ingrid
http://www.open-open.com/ajax/resource/icon_1.gif jQuery Grid
http://www.open-open.com/ajax/resource/von.gif
jqGrid是一个Ajaxed jQuery Grid插件。提供分页功能,添加、编辑、删除和搜索表中记录,支持多种数据类型输入:XML,JSON,Array等,多行选择,支持子表格,集成日期选择控件等等。

Demo

http://www.open-open.com/ajax/pimage/jqGrid.jpg

jQuery Grid
http://www.open-open.com/ajax/resource/icon_1.gif tableHover
http://www.open-open.com/ajax/resource/von.gif
tableHover一个jQuery插件当鼠标经过时,能够对表格的一整列或行进行着色加亮。支持colspans与rowspans的表格。
http://www.open-open.com/ajax/pimage/tableHover.jpg

tableHover

http://www.open-open.com/ajax/resource/icon_1.gif JQuery.Resizer
http://www.open-open.com/ajax/resource/von.gif
一个轻量级jQuery插件用于创建可以拖动调整行高与列宽的表格。

JQuery.Resizer

http://www.open-open.com/ajax/resource/icon_1.gif tablesorter
http://www.open-open.com/ajax/resource/von.gif
tablesorter 这个jQuery插件能够将带THEAD与TBODY标签的标准HTMLTable转换成一个可排序的表格。tablesorter能够排序多种数据类型包括Text、URIs、integers、currency、floats、IP地址、日期、时间和自定义的数据类型。支持拥有复杂表头表格的排序,支持二级隐藏排序,支持多种浏览器:IE6.0+、FF2+、Safari2.0+、Opera9.0+。
http://www.open-open.com/ajax/pimage/tablesorter.jpg

tablesorter
http://www.open-open.com/ajax/resource/icon_1.gif csv2table
http://www.open-open.com/ajax/resource/von.gif
csv2table这个插件能够将CVS文件(利用Excel创建)的内容转换成HTML Table。
jQuery表格排序插件,点击表格中对应列的头部单元,表格立即重新排序。
Tablesorter | Demo


csv2table
http://www.open-open.com/ajax/resource/icon_1.gif tableFormSynch
http://www.open-open.com/ajax/resource/von.gif
tableFormSynch 是一个表格与表单数据相互更新的jQuery插件。它提供的功能包括:基于表单中的数据,新增行。删除所选择行,并清除表单中的所有数据。 tableFormSynch支持所有表单控件包括:checkboxes、radio、buttons 与<select>。
http://www.open-open.com/ajax/pimage/tableFormSynch.jpg

tableFormSynch

热点图书:www.hotbook.cn
 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
http://www.cnblogs.com/Emoticons/qface/055243485.gif色彩选择器类
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 
http://www.open-open.com/ajax/resource/icon_1.gif Farbtastic

Farbtastic是一个color picker插件。它能够在一个页面中加入多个颜色选择控件,然后每个控件关联到页面中的一个元素比如:文本输入框。
http://www.open-open.com/ajax/pimage/Farbtastic.jpg

Farbtastic
http://www.open-open.com/ajax/resource/icon_1.gif jQuery Color Picker
http://www.open-open.com/ajax/resource/von.gif
一个简单的颜色选择控件。操作方式与Adobe Photoshop中颜色选择操作置。
http://www.open-open.com/ajax/pimage/jQuery_Color_Picker.jpg

jQuery Color Picker

http://www.open-open.com/ajax/resource/icon_1.gif iColorPicker
http://www.open-open.com/ajax/resource/von.gif
iColorPicker是一个只有6KB大小的jQuery Color Picker。只要将输入框的class属性设置为“iColorPicker”就能变一个漂亮的颜色选择器。
http://www.open-open.com/ajax/pimage/colorpicker.gif

iColorPicker



热点图书:www.hotbook.cn
 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
http://www.cnblogs.com/Emoticons/qface/055243485.gif右键菜单类
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 
http://www.open-open.com/ajax/resource/icon_1.gif ContextMenu

用于创建右键弹出菜单的jQuery插件。
http://www.open-open.com/ajax/pimage/ContextMenu.jpg

ContextMenu
 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
http://www.cnblogs.com/Emoticons/qface/055243485.gif图片新闻flash展示类热点图书:www.hotbook.cn
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 
http://www.open-open.com/ajax/resource/icon_1.gif imgAreaSelect
http://www.open-open.com/ajax/resource/von.gif
imgAreaSelect这个jQuery插件能够选取一张图片中一个矩形区域。
http://www.open-open.com/ajax/pimage/imgAreaSelect.jpg

imgAreaSelect

 http://www.open-open.com/ajax/resource/icon_1.gif Easy Slide
http://www.open-open.com/ajax/resource/von.gif
EasySlide 是以jQuery为基础开发的一个图库展示插件,EasySlide可以将任何一个网页容器(Container)内的图形自动将其排列展示,并加上鼠标指向时的暂停效果(Pause),可以当作图库展示或是动画及广告Banner使用。
http://www.open-open.com/ajax/pimage/Easy-Slide.jpg

Easy Slide


http://www.open-open.com/ajax/resource/icon_1.gif Easy News
http://www.open-open.com/ajax/resource/von.gif
Easy News是一个可以让您轻松显示网站新闻或图文内容展示的jQuery插件,可设定Fade In-Out ,Slide Up-Down, Left To Right 的效果,调整显示速度,可自行修改CSS改变您为喜欢的风格。
http://www.open-open.com/ajax/pimage/Easy-News.jpg

Easy News


http://www.open-open.com/ajax/resource/icon_1.gif Easy News Plus
http://www.open-open.com/ajax/resource/von.gif
Easy News Plus是基于Easy News开发,滚动式新闻或图文内容展示的jQuery插件,但是与Easy News有完全不同的显示方式(以左右滑动为主要的显示方法)。

Easy News Plus
http://www.open-open.com/ajax/resource/icon_1.gif jQZoom
http://www.open-open.com/ajax/resource/von.gif
基于jQuery开发的图片放大镜插件。
http://www.open-open.com/ajax/pimage/jQZoom.jpg

jQZoom

http://www.open-open.com/ajax/resource/icon_1.gif jQuery Plugin: Text Highlight
http://www.open-open.com/ajax/resource/von.gif
利用javascript对页面中的关键字进行着色的jQuery插件。
http://www.open-open.com/ajax/pimage/092302.jpg

jQuery Plugin: Text Highlight
http://www.open-open.com/ajax/resource/icon_1.gif jCarousel Lite
http://www.open-open.com/ajax/resource/von.gif
这个jQuery插件能够帮助你以滚动(carousel)的方式来组织图片和其它内容。
http://www.open-open.com/ajax/pimage/jCarousel_Lite.jpg

jCarousel Lite


http://www.open-open.com/ajax/resource/icon_1.gif jCarousel
http://www.open-open.com/ajax/resource/von.gif
jCarousel是一个jQuery插件用于控制一个列表项目的水平或垂直顺序,列表项目的内容可以是静态HTML内容或通过AJAX加载的内容。可以向前或向后滚动。
http://www.open-open.com/ajax/pimage/jCarousel.jpg

jCarousel

http://www.open-open.com/ajax/resource/icon_1.gif Spacegallery-Jquery
http://www.open-open.com/ajax/resource/von.gif
一个采用jQuery开发,类似于Flash效果的图库(image gallery)。
http://www.open-open.com/ajax/pimage/Spacegallery-Jquery.jpg

Spacegallery-Jquery
http://www.open-open.com/ajax/resource/icon_1.gif jQuery Slider Gallery
http://www.open-open.com/ajax/resource/von.gif
这是一个基于jQuery开发相册控件,类似于Apple网站上用于展示产品的效果。
http://www.open-open.com/ajax/pimage/jQuery_Slider_Gallery.jpg

jQuery Slider Gallery

http://www.open-open.com/ajax/resource/icon_1.gif jQuery Cycle Plugin
http://www.open-open.com/ajax/resource/von.gif
jQuery Cycle Plugin是一个slideshow插件。支持多种变换效果:shuffle、zoom、fade、turnDown、curtainX、scrollRight。
http://www.open-open.com/ajax/pimage/jQuery_Cycle_Plugin.jpg

jQuery Cycle Plugin

http://www.open-open.com/ajax/resource/icon_1.gif Zoomimage
http://www.open-open.com/ajax/resource/von.gif
该jQuery插件能够让以当前流行的方式来展示图片。提供:预加载图片提示,对图片进行分组,自动调整图片显示比例,图片分组浏览控制。
http://www.open-open.com/ajax/pimage/Zoomimage.jpg

Zoomimage


http://www.open-open.com/ajax/resource/icon_1.gif prettyPhoto
http://www.open-open.com/ajax/resource/von.gif
prettyPhoto是jQuery lightbox的一个“克隆”。并增加动画效果,图库浏览等特性。
http://www.open-open.com/ajax/pimage/prettyPhoto.jpg

prettyPhoto


http://www.open-open.com/ajax/resource/icon_1.gif ThickBox
http://www.open-open.com/ajax/resource/von.gif
ThickBox是一个模式对话框UI控件。基于jQuery开发,可以用来展示单张或多张图片,内嵌的内容,iframed的内容,或通过Ajax获取的内容。
http://www.open-open.com/ajax/pimage/ThickBox.jpg

ThickBox

http://www.open-open.com/ajax/resource/icon_1.gif Galleria
http://www.open-open.com/ajax/resource/von.gif
Galleria 是一个采用jQuery开发的图片展示插件。它通过缩略图导航一张一张的显示大的图片。支持通过CSS设置整个相册的风格。能够按比例创建缩略图并剪切成适合在缩略图容器中显示的小图片。能够触一些事件,因此可以在图片加载时执行一些动作。
http://www.open-open.com/ajax/pimage/galleria.jpg

Galleria

http://www.open-open.com/ajax/resource/icon_1.gif jQuery Flash Plugin
http://www.open-open.com/ajax/resource/von.gif
一个jQuery插件用于在页面中嵌入Flash影片。
http://www.open-open.com/ajax/pimage/jQuery_Flash_Plugin.jpg

jQuery Flash Plugin

http://www.open-open.com/ajax/resource/icon_1.gif jQuery.SerialScroll
http://www.open-open.com/ajax/resource/von.gif
jQuery.SerialScroll是一个用于创建滚动效果的jQuery插件,支持水平/垂直方向滚动和混合滚动效果。
http://www.open-open.com/ajax/pimage/jQuery.SerialScroll.jpg

jQuery.SerialScroll

http://www.open-open.com/ajax/resource/icon_1.gif InnerFade
http://www.open-open.com/ajax/resource/von.gif
InnerFade这个jQuery插件能够让任意一组元素(img,div等)实现淡入淡出播放效果。
http://www.open-open.com/ajax/pimage/InnerFade.jpg

InnerFade

http://www.open-open.com/ajax/resource/icon_1.gif NyroModal
http://www.open-open.com/ajax/resource/von.gif
一个基于jQuery开发,非常灵活和可定制外观/动画效果的模式对话框。可通过Ajax调用目标内容,改变对话框大小等。
http://www.open-open.com/ajax/pimage/NyroModal.jpg

NyroModal

http://www.open-open.com/ajax/resource/icon_1.gif CrossSlide
http://www.open-open.com/ajax/resource/von.gif
CrossSlide这个jQuery插件实现了一些常用Javascript幻灯片放映动画效果如:动态地移动、缩放、渐变、滑入"滑出等。
http://www.open-open.com/ajax/pimage/CrossSlide.jpg

CrossSlide

http://www.open-open.com/ajax/resource/icon_1.gif Magnify
http://www.open-open.com/ajax/resource/von.gif
Magnify是一个能够在图片上添加放大镜功能的jQuery插件。
http://www.open-open.com/ajax/pimage/Magnify.jpg

Magnify


http://www.open-open.com/ajax/resource/icon_1.gif Img Notes
http://www.open-open.com/ajax/resource/von.gif
用于当鼠标移到图片是时,显示一个信息提示框。
http://www.open-open.com/ajax/pimage/Img-Notes.jpg

Img Notes
http://www.open-open.com/ajax/resource/icon_1.gif FancyZoom
http://www.open-open.com/ajax/resource/von.gif
FancyZoom采用缩放效果来展示图片或任意HTML页面,不需要另外开启页面来载入图片,其效果在Apple Mac的官方网站中也有。
http://www.open-open.com/ajax/pimage/iphoto_zoom.jpg

FancyZoom

http://www.open-open.com/ajax/resource/icon_1.gif Jcrop
http://www.open-open.com/ajax/resource/von.gif
Jcrop 是一个跨浏览器的jQuery图片剪切插件(jQuery image crop plugin)。支持对剪切框加CSS样式,当选取或拖动时添加回调事件(Callbacks),剪切时能够约束宽度与高度。
http://www.open-open.com/ajax/pimage/jquery-image-crop-plugin.jpg

Jcrop
http://www.open-open.com/ajax/resource/icon_1.gif Galleriffic
http://www.open-open.com/ajax/resource/von.gif
Galleriffic是一个用于创建快速展示相册中照片的jQuery插件。图片既可以以幻灯片的方式查看,也可以手动点击缩略图查看。Galleriffic还支持分页,从而使得它能够展示更多的图片。
http://www.open-open.com/ajax/pimage/jquery-gallery-plugin.jpg

Galleriffic
http://www.open-open.com/ajax/resource/icon_1.gif Image Upload and Auto Crop
http://www.open-open.com/ajax/resource/von.gif
采用PHP+jQuery开发的图片上传和剪切(Crop)工具。
http://www.open-open.com/ajax/pimage/Image_Upload_and_Auto_Crop.jpg

Image Upload and Auto Crop

http://www.open-open.com/ajax/resource/icon_1.gif prettyGallery
http://www.open-open.com/ajax/resource/von.gif
prettyGallery是一个图库导航控件Slider。基于jQuery开发,除了可以导航图片之外,还支持其它任何内容。可以配置导航滚动速度和图片标题说明。
http://www.open-open.com/ajax/pimage/prettyGallery.jpg

prettyGallery
http://www.open-open.com/ajax/resource/icon_1.gif jQuery.popeye
http://www.open-open.com/ajax/resource/von.gif
jQuery.popeye 这个插件能够将一组无序的图片列表转换成一个简单的相册。当点击图片时将以Lightbox风格放大图片。图片展示框提供向前/向后控制并能够为每一张图片添加备注说明信息。jQuery.popeye能够根据图片大小自动调整展示框的高度和宽度。
http://www.open-open.com/ajax/pimage/jQuery.popeye.jpg

jQuery.popeye
http://www.open-open.com/ajax/resource/icon_1.gif s3Slider
http://www.open-open.com/ajax/resource/von.gif
s3Slider 是一个jQuery slideshow插件,效果类似于smooth slideshow。

可以在图片上的任意位置,透明显示当前所放映图片的说明信息。
http://www.open-open.com/ajax/pimage/s3Slider.jpg

s3Slider

http://www.open-open.com/ajax/resource/icon_1.gif Pirobox
http://www.open-open.com/ajax/resource/von.gif
采用jQuery开发的Lightbox控件。能够根据浏览器窗体大小自动调整展示图片大小。提供向前/向后控制链接。动态加载图片效果。易于定制。
http://www.open-open.com/ajax/pimage/Pirobox.jpg

Pirobox

http://www.open-open.com/ajax/resource/icon_1.gif Simple Controls Gallery
http://www.open-open.com/ajax/resource/von.gif
这是一个采用jQuery开发的图片slideshow控件。提供一个暂停/播放/向前/向后展示的控制菜单。这个jQuery slideshow可以设置当页面打开时自动播放图片并能够将最近查看的图片存储在cookie中。
http://www.open-open.com/ajax/pimage/jQuery_slideshow.jpg

Simple Controls Gallery

http://www.open-open.com/ajax/resource/icon_1.gif Agile Carousel
http://www.open-open.com/ajax/resource/von.gif
Jquery Slideshow插件。易于定制图片切换效果。提供开/关图片标题显示,添加文本水印等功能。
http://www.open-open.com/ajax/pimage/Agile_Carousel.jpg

Agile Carousel
http://www.open-open.com/ajax/resource/icon_1.gif jQuery Plugin-Page Peel
http://www.open-open.com/ajax/resource/von.gif
这是一个用于创建Page Peel(卷页/页面剥落)特效的jQuery插件。
http://www.open-open.com/ajax/pimage/PagePeel1.jpg

jQuery Plugin-Page Peel


http://www.open-open.com/ajax/resource/icon_1.gif Easy Slider
http://www.open-open.com/ajax/resource/von.gif
一个jQuery插件,当点击导航按纽时可以水平或垂直播放图片或其它任何内容。
http://www.open-open.com/ajax/pimage/Easy_Slider.jpg

Easy Slider
http://www.open-open.com/ajax/resource/icon_1.gif imgPreview
http://www.open-open.com/ajax/resource/von.gif
图片预览jQuery插件。当鼠标移到图片链接上时,会在链接的旁边出现一个类似于tooltip效果的图片展示框。
http://www.open-open.com/ajax/pimage/imgPreview.jpg

imgPreview
http://www.open-open.com/ajax/resource/icon_1.gif Jquery Fade In.Fade Out
http://www.open-open.com/ajax/resource/von.gif
这是一个用于让图片产生淡入淡出效果的jQuery插件。
http://www.open-open.com/ajax/pimage/jquery_fade_big.jpg

Jquery Fade In.Fade Out


http://www.open-open.com/ajax/resource/icon_1.gif Captify
http://www.open-open.com/ajax/resource/von.gif
这个jQuery插件能够在图片上显示标题信息,当鼠标放到图片上时滑动出现。
http://www.open-open.com/ajax/pimage/Captify.jpg

Captify
http://www.open-open.com/ajax/resource/icon_1.gif jParallax
http://www.open-open.com/ajax/resource/von.gif
这是一个用于生成视差现象的jQuery插件。mParallax能够产生的效果与jParallax一样但采用Mootools框架开发。
http://www.open-open.com/ajax/pimage/jparallax-jquery.jpg
http://www.open-open.com/ajax/pimage/mParallax.jpg

jParallax
jQuery---运用图片预加载技术打造幻灯片

截图:
http://www.cssrain.cn/attachments/month_0904/i2009420234622.jpg

http://www.cssrain.cn/attachments/month_0904/j200942023467.jpg


一些演示:
http://www.cssrain.cn/demo/jQueryImgLoad/Demo1/demo2.html

http://www.cssrain.cn/demo/jQueryImgLoad/Demo2/demo3.html
http://www.cssrain.cn/demo/jQueryImgLoad/Demo3/demo4.html

http://www.cssrain.cn/demo/jQueryImgLoad/Demo1/demo1.html (以前做的,非预加载)

下载:
http://www.cssrain.cn/demo/jQueryImgLoad/jQueryImgLoad.rar

jQuery pageSlide
http://www.bbon.cn/wp-content/uploads/2009/04/2225415Vj.jpg
jQuery pageSlide 是一个jQuery插件,它可以控制一个隐藏页面的显示和关闭。具体来说,就是当前页占一个完整页面,隐藏页是看不到的,你设置一个控制的地方,点击该控制时触发事件,隐藏的页面就弹出来。再次点击隐藏页面以外的空间,它就又关闭。
这适合在有限的空间里,在主页里放重要内容,而隐藏页放一些并不一定要显示,而是有需要的用户才去展开显示的内容。
Creating a Slick Auto-Playing Featured Content Slider
http://www.bbon.cn/wp-content/uploads/2009/04/222544N5F.jpg
Niall Doherty的 Coda Slider 为许许多多的设计师带来了灵感. Chris Coyier 创建的这个Slick Auto-Playing Featured Content Slider 使用 Coda Slider插件 ,实现我们常说的”图片焦点特效”。多用于门户站。
Portfolio Layout Idea Using jQuery
http://www.bbon.cn/wp-content/uploads/2009/04/222543kgz.jpg
非常漂亮的一个特效布局。由 Benjamin Sterling 创建的这个 portfolio layout 使用了jQuery的 easing plugin. 适合那些想用来展示个人作品集的用户。
它在页面两边显示带缩略的作品列表,当你点击每个条目时,会在中间部分以退场然后进场的特效呈现出该作品的全部内容。
jQuery---图片先模糊后清楚
http://www.hotbook.cn/
 
很多图片网站用了这种技术,Google图片中心也不例外。
这种技术的图片是先显示模糊的,然后再显示清楚的。
这个模糊的原理就是 一张小图片,然后把尺寸放大,大小等于大图片的宽度和高度。
小图片被拉大了,理所当然就模糊了。
试想:小图片的尺寸是10kb,大图片的大小是500kb,那么加载小图片的速度就是大图片的50倍。
当然你会说,如果直接显示大图片是什么情况呢?答案是:一片空白等着你。
演示:
http://www.cssrain.cn/demo/loadImages/loadimages.html
 使用jQuery实现网页报纸
演示:
http://www.cssrain.cn/demo/jquerynewspager/demo.html
原理:使用报纸内容作为 背景图,相对定位。
然后里面的div设置为绝对定位,大小,left和top都要跟背景图匹配。
所以这个有一定的规律。
下载:
http://www.cssrain.cn/demo/jquerynewspager/jquerynewspager.rar
引申:
当后台人员问,每次要传坐标,宽度和高度不麻烦么?用户知道使用么?
教用户使用photoshop?。。。!!!
解决方案:
使用图片截图的插件即可,一般的截图插件都能获取4个坐标,宽度和高度,
当然我们只需要这些,并不需要把图片真正截取下来。
 
jQuery购物网站产品展示.

<div class="entry-author">作者:cssrain@gmail.com(admin)
页: [1]
查看完整版本: 超强1000个jquery极品插件!