3) wSlide -通过列表名单切换动画盒式的内容区域。
标签云
4) Hover Sub Tags - 使用jQuery来缩小标签云所占成的页面,比如你有一个”Ajax”的标签, 你可以在这个标签里面再放入二级标签 jquery, [url=href="http://www.google.com/url?sa=t&ct=res&cd=1& url=http://mootools.net/&ei=gDqUR_XwI5q8swKnzImZDQ& usg=AFQjCNFj4r7j_7PmlXv628np0QOO6f7nSw& sig2=OxuL__vllqa1QRkqkNnhIg"]mootools[/url], 等…当鼠标悬浮在一级标签上时,就出现一个动态提示效果的二级标签云。[url=
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
基于jQuery开发,非常简单的水平方向折叠控件。
Horizontal accordion: jQuery
jQuery-Horizontal Accordion
具有XBOX360 blade界面风格的水平方向Accordion。
jQuery-Horizontal Accordion
jQuery plugin: Accordion
用于创建 折叠菜单的jQuery插件。
jQuery plugin: Accordion
Accordion Menu script
基于jQuery开发的可折叠菜单。
Accordion Menu script
jQuery.combobox
jQuery.combobox是一个采用jQuery开发的combobox控件,可以使用CSS控制该combobox的外观,可以设置各种不同风格的下拉动画效果。
jQuery.combobox
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
jQuery插件易于集成到现在的表单中(Form)。
AutoComplete-JQuery
Facebook like Autocomplete
基于jQuery开发,类似于FaceBoox提供的AutoCompleter。
Facebook like Autocomplete
jQuery Autocomplete Mod
jQuery Autcomplete插件。能够限制下拉菜单显示的结果数。
jQuery Autocomplete Mod
jqac
基于Jquery开发的Autocomplete插件。具有易于使用,配置简单,既可以利用Ajax读取数据 也可以直接从本地获取数据。
jqac
jQuery Tag Suggestion
类似于del.icio.us提供的tag suggesting功能。
jQuery Tag Suggestion
Autocomplete-jQuery ajax
利用 jQuery(Ajax),PHP 和MySQL 开发的AutoCompleter。
Autocomplete-jQuery ajax
jQuery.Suggest
跨浏览器支持,基于jQuery开发的Autocomplete library。
jQuery.Suggest
Autocomplete- jQuery plugin
一个jQuery Autocompleter,提供缓存选项来限制对服务器 的请求。
jQuery plugin: Autocomplete
自动完成输入框值让用户能够快速查找和过滤某些值。
jQuery plugin: Autocomplete
jSuggest
模仿Google Suggest功能的AutoComplete jQuery插件。
jSuggest
jQuery Live Ajax Search Plug-in
采用jQuery开发的AutoComplete控件。搜索结果展示框完全可以利用CSS自定义,内容展示是一个HTML页面。
jQuery Live Ajax Search Plug-in
ddcombobox
带AutoComplete功能的下拉选择框jQuery插件。
ddcombobox
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
jQuery Pagination
jQuery分页插件
jQuery Pagination
pager jQuery plug-in
jQuery分页插件。
pager jQuery plug-in
JQuery Pager
一个利用jQuery开发的分页UI控件,可用于数据驱动的web应用程序中。
JQuery Pager
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Facebox
Facebox 是一个基于jQuery,Facebook-style的lightbox。能够展示示images,divs或者整个远程页面 。
Facebox
SimpleModal
SimpleModal是一个轻量级jQuery插件提供了一个简单的接口来创建模式对话框。
SimpleModal
jTip
jTip一个利用jQuery开发的提示工具。jTip通过HttpXMLRequest获取内容。用法简单,只需要在你的元素的class上加上Jtip,并引入jtip.js及其样式即可以。
jTip
BetterTip
一个可以自定义Tooltip的jQuery插件。基于jTip,但比它来得更加灵活。
BetterTip
clueTip
clueTip这个jQuery插件方便您为链接或其它元素添加Tooltip功能。当链接包括title属性时,它的内容将变成clueTip的标题。clueTip中显示的内容可以通过Ajax获取,也可以从当前页面中的元素中获取。
clueTip
jQuery lightBox plugin
一个简单,强大基于jQuery开发的lightBox控件。
jQuery lightBox plugin
jQuery Impromptu
用于创建模式对话框,确认对话框,输入内容对话框的jQuery插件。
jQuery Impromptu
jQuery.UI Messenger"Outlook like message notification Widget
这个jQuery.UI控件类似于Messenger"Outlook消息弹出提醒框。
jQuery.UI Messenger"Outlook like message notification Widget
FancyBox
基于jQuery开发的Lightbox插件。支持对放大的图片添加阴影效果,对于一组相关的图片添加导航操作按纽,该Lightbox除了能够展示图片之外,还可以展示iframed内容, 通过CSS自定义外观。
FancyBox
Coda Popup Bubbles
采用jQuery开发,类似“冒泡”效果的提醒弹出框。
Coda Popup Bubbles
jGrowl
jGrowl用于制作消息弹出框的jQuery插件。产生效果的类似于Mac OSX系统中Growl事件通知框架。
j Grow l
jqWindowsEngine
这个jQuery插件能够帮助你轻松创建Ajax Windows。
jqWindowsEngine
jQuery Alert Dialogs
这个jQuery插件能够替换JavaScript提供的alert()、confirm()和prompt()功能。支持利用CSS自定义对话框外观。
jQuery Alert Dialogs
BeautyTips
BeautyTips是一个jQuery Tooltip插件.
BeautyTips
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
jwysiwyg
WYSIWYG jQuery插件。整个编辑器文件大小只有17Kb。
Damn Small Rich Text Editor
基于jQuery开发,能够从IFRAME元素创建一个Rich Text Editor。提供了所有基本的Rich Text功能,可设置文本编辑区大小,Ajax上传图片等。
Damn Small Rich Text Editor
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Flexigrid
Flexigrid是一个类似于Ext Gird,但基于jQuery开发的Grid。它具有的功能包括:可以调整列宽,合并列标题,分页,排序,显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。
Flexigrid
Ingrid
这个jQuery DataGrid提供的功能有:可以拖动调整列宽,分页,排序,设置行/列样式等。
Ingrid
jQuery Grid
jqGrid是一个Ajaxed jQuery Grid插件。提供分页功能,添加、编辑、删除和搜索表中记录,支持多种数据类型输入:XML,JSON,Array等,多行选择,支持子表格,集成日期选择控件等等。
Demo
jQuery Grid
tableHover
tableHover一个jQuery插件当鼠标经过时,能够对表格的一整列或行进行着色加亮。支持colspans与rowspans的表格。
tableHover
JQuery.Resizer
一个轻量级jQuery插件用于创建可以拖动调整行高与列宽的表格。
JQuery.Resizer
tablesorter
tablesorter 这个jQuery插件能够将带THEAD与TBODY标签的标准HTMLTable转换成一个可排序的表格。tablesorter能够排序多种数据类型 包括Text、URIs、integers、currency、floats、IP地址、日期、时间和自定义的数据类型。支持拥有复杂表头表格的排序,支 持二级隐藏排序,支持多种浏览器:IE6.0+、FF2+、Safari2.0+、Opera9.0+。
tablesorter
csv2table
csv2table这个插件能够将CVS文件(利用Excel创建)的内容转换成HTML Table。
jQuery表格排序插件,点击表格中对应列的头部单元,表格立即重新排序。
csv2table
tableFormSynch
tableFormSynch 是一个表格与表单数据相互更新的jQuery插件。它提供的功能包括:基于表单中的数据,新增行。删除所选择行,并清除表单中的所有数据。 tableFormSynch支持所有表单控件包括:checkboxes、radio、buttons 与<select>。
tableFormSynch
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Farbtastic
Farbtastic是一个color picker插件。它能够在一个页面中加入多个颜色选择控件,然后每个控件关联到页面中的一个元素比如:文本输入框。
Farbtastic
jQuery Color Picker
一个简单的颜色选择控件。操作方式与Adobe Photoshop中颜色选择操作置。
jQuery Color Picker
iColorPicker
iColorPicker是一个只有6KB大小的jQuery Color Picker。只要将输入框的class属性设置为“iColorPicker”就能变一个漂亮的颜色选择器。
iColorPicker
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
ContextMenu
用于创建右键弹出菜单的jQuery插件。
ContextMenu
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
imgAreaSelect
imgAreaSelect这个jQuery插件能够选取一张图片中一个矩形区域。
imgAreaSelect
Easy Slide
EasySlide 是以jQuery为基础开发的一个图库展示插件,EasySlide可以将任何一个网页容器(Container)内的图形自动将其排列展示,并加上鼠标指向时的暂停效果(Pause),可以当作图库展示或是动画及广告Banner使用。
Easy Slide
Easy News
Easy News是一个可以让您轻松显示网站新闻或图文内容展示的jQuery插件,可设定Fade In-Out ,Slide Up-Down, Left To Right 的效果,调整显示速度,可自行修改CSS改变您为喜欢的风格。
Easy News
Easy News Plus
Easy News Plus是基于Easy News开发,滚动式新闻或图文内容展示的jQuery插件,但是与Easy News有完全不同的显示方式(以左右滑动为主要的显示方法)。
Easy News Plus
jQZoom
基于jQuery开发的图片放大镜插件。
jQZoom
jQuery Plugin: Text Highlight
利用javascript对页面中的关键字进行着色的jQuery插件。
jQuery Plugin: Text Highlight
jCarousel Lite
这个jQuery插件能够帮助你以滚动(carousel)的方式来组织图片和其它内容。
jCarousel Lite
jCarousel
jCarousel是一个jQuery插件用于控制一个列表项目的水平或垂直顺序,列表项目的内容可以是静态HTML内容或通过AJAX加载的内容。可以向前或向后滚动。
jCarousel
Spacegallery-Jquery
一个采用jQuery开发,类似于Flash效果的图库(image gallery)。
Spacegallery-Jquery
jQuery Slider Gallery
这是一个基于jQuery开发相册控件,类似于Apple网站上用于展示产品的效果。
jQuery Slider Gallery
jQuery Cycle Plugin
jQuery Cycle Plugin是一个slideshow插件。支持多种变换效果:shuffle、zoom、fade、turnDown、curtainX、scrollRight。
jQuery Cycle Plugin
Zoomimage
该jQuery插件能够让以当前流行的方式来展示图片。提供:预加载图片提示,对图片进行分组,自动调整图片显示比例,图片分组浏览控制。
Zoomimage
prettyPhoto
prettyPhoto是jQuery lightbox的一个“克隆”。并增加动画效果,图库浏览等特性。
prettyPhoto
ThickBox
ThickBox是一个模式对话框UI控件。基于jQuery开发,可以用来展示单张或多张图片,内嵌的内容,iframed的内容,或通过Ajax获取的内容。
ThickBox
Galleria
Galleria 是一个采用jQuery开发的图片展示插件。它通过缩略图导航一张一张的显示大的图片。支持通过CSS设置整个相册的风格。能够按比例创建缩略图并剪切成适合在缩略图容器中显示的小图片。能够触一些事件,因此可以在图片加载时执行一些动作。
Galleria
jQuery Flash Plugin
一个jQuery插件用于在页面中嵌入Flash影片。
jQuery Flash Plugin
jQuery.SerialScroll
jQuery.SerialScroll是一个用于创建滚动效果的jQuery插件,支持水平/垂直方向滚动和混合滚动效果。
jQuery.SerialScroll
InnerFade
InnerFade这个jQuery插件能够让任意一组元素(img,div等)实现淡入淡出播放效果。
InnerFade
NyroModal
一个基于jQuery开发,非常灵活和可定制外观/动画效果的模式对话框。可通过Ajax调用目标内容,改变对话框大小等。
NyroModal
CrossSlide
CrossSlide这个jQuery插件实现了一些常用Javascript幻灯片放映动画效果如:动态地移动、缩放、渐变、滑入"滑出等。
CrossSlide
Magnify
Magnify是一个能够在图片上添加放大镜功能的jQuery插件。
Magnify
Img Notes
用于当鼠标移到图片是时,显示一个信息提示框。
Img Notes
FancyZoom
FancyZoom采用缩放效果来展示图片或任意HTML页面,不需要另外开启页面来载入图片,其效果在Apple Mac的官方网站中也有。
FancyZoom
Jcrop
Jcrop 是一个跨浏览器的jQuery图片剪切插件(jQuery image crop plugin )。支持对剪切框加CSS样式,当选取或拖动时添加回调事件(Callbacks),剪切时能够约束宽度与高度。
Jcrop
Galleriffic
Galleriffic是一个用于创建快速展示相册中照片的jQuery插件。图片既可以以幻灯片的方式查看,也可以手动点击缩略图查看。Galleriffic还支持分页,从而使得它能够展示更多的图片。
Galleriffic
Image Upload and Auto Crop
采用PHP+jQuery开发的图片上传和剪切(Crop)工具。
Image Upload and Auto Crop
prettyGallery
prettyGallery是一个图库导航控件Slider。基于jQuery开发,除了可以导航图片之外,还支持其它任何内容。可以配置导航滚动速度和图片标题说明。
prettyGallery
jQuery.popeye
jQuery.popeye 这个插件能够将一组无序的图片列表转换成一个简单的相册。当点击图片时将以Lightbox风格放大图片。图片展示框提供向前/向后控制并能够为每一张图 片添加备注说明信息。jQuery.popeye能够根据图片大小自动调整展示框的高度和宽度。
jQuery.popeye
s3Slider
s3Slider 是一个jQuery slideshow插件,效果类似于smooth slideshow 。
可以在图片上的任意位置,透明显示当前所放映图片的说明信息。
s3Slider
Pirobox
采用jQuery开发的Lightbox控件。能够根据浏览器窗体大小自动调整展示图片大小。提供向前/向后控制链接。动态加载图片效果。易于定制。
Pirobox
Simple Controls Gallery
这是一个采用jQuery开发的图片slideshow控件。提供一个暂停/播放/向前/向后展示的控制菜单。这个jQuery slideshow可以设置当页面打开时自动播放图片并能够将最近查看的图片存储在cookie中。
Simple Controls Gallery
Agile Carousel
Jquery Slideshow插件。易于定制图片切换效果。提供开/关图片标题显示,添加文本水印等功能。
Agile Carousel
jQuery Plugin-Page Peel
这是一个用于创建Page Peel(卷页/页面剥落)特效的jQuery插件。
jQuery Plugin-Page Peel
Easy Slider
一个jQuery插件,当点击导航按纽时可以水平或垂直播放图片或其它任何内容。
Easy Slider
imgPreview
图片预览jQuery插件。当鼠标移到图片链接上时,会在链接的旁边出现一个类似于tooltip效果的图片展示框。
imgPreview
Jquery Fade In.Fade Out
这是一个用于让图片产生淡入淡出效果的jQuery插件。
Jquery Fade In.Fade Out
Captify
这个jQuery插件能够在图片上显示标题信息,当鼠标放到图片上时滑动出现。
Captify
jParallax
这是一个用于生成视差现象的jQuery插件。mParallax 能够产生的效果与jParallax一样但采用Mootools框架开发。
jParallax
jQuery pageSlide
jQuery pageSlide 是一个jQuery插件,它可以控制一个隐藏页面的显示和关闭。具体来说,就是当前页占一个完整页面,隐藏页是看不到的,你设置一个控制的地方,点击该控制时触发事件,隐藏的页面就弹出来。再次点击隐藏页面以外的空间,它就又关闭。
这适合在有限的空间里,在主页里放重要内容,而隐藏页放一些并不一定要显示,而是有需要的用户才去展开显示的内容。
Creating a Slick Auto-Playing Featured Content Slider
Niall Doherty的 Coda Slider 为许许多多的设计师带来了灵感. Chris Coyier 创建的这个Slick Auto-Playing Featured Content Slider 使用 Coda Slider插件 ,实现我们常说的”图片焦点特效”。多用于门户站。
Portfolio Layout Idea Using jQuery
非常漂亮的一个特效布局。由 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个坐标,宽度和高度,
当然我们只需要这些,并不需要把图片真正截取下来。
Galleriffic 是使用 Mike Alsup 的 jQuery Cycle plugin 创建的图片展示效果,包括缩略图、图片标题和描述等详细功能,是一个非常不错的高质量画廊相册展示工具。
zoomimage ,以一种独具魅力的方式展示图片效果。缩略图链接在本页弹出大图,并且可以可以随意拖拽该悬浮图片。
Easy Slider 可以实现图片或其他任意内容,在水平或垂直方向上的滑动效果,你还可以通过 CSS 自定义设置样式。
一个源自美国总统 Barack Obama 网站的垂下滑动菜单控制的图片幻灯效果。
CodaSlider ,又一个不错的滑动控制效果。
jQuery Slider II 的布局非常符合操作习惯,在底部列出带滚动条的缩略图控制列表,然后在上面显示对应图片的大图浏览,非常适合做高级相册。
Beautiful Slider , 光看这个效果图你就知道这个插件有多棒了吧,是的,这个插件实现的效果已经不逊色于Flash完成的效果,整体表现流畅,文字显示效果更是创意独特。
loopedSlider 是又一个任意内容滚动切换的幻灯片插件,使用操作简单。
SpaceGallery 是一个全新的jQuery插件,点击当前图片,会自动放大消失,同时后面的图片向前展示,有一种时光机器的感觉。
SmoothGallery 是一个最好的 Javascript 幻灯片效果之一,可以实现各种不同的幻灯片转换效果。
jQuery Multimedia Portfolio 是一个基于jQuery 的滑动效果插件,除了可以展示图片之外,还可以加入各种不同类型的多媒体文件。
s3Slider 是一个非常简单实用的流畅幻灯片效果,这个插件被应用在无数的WordPress专业主题模板中。