超强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]