?
提示框彈窗類
Facebox
Facebox 是一個(gè)基于jQuery，F(xiàn)acebook-style的lightbox。能夠展示示images，divs或者整個(gè)遠(yuǎn)程 頁(yè)面 。
Facebox
SimpleModal
SimpleModal是一個(gè)輕量級(jí)jQuery插件提供了一個(gè)簡(jiǎn)單的接口來(lái)創(chuàng)建模式對(duì)話框。
SimpleModal
jTip
jTip一個(gè)利用jQuery開發(fā)的提示工具。jTip通過(guò)HttpXMLRequest獲取內(nèi)容。用法簡(jiǎn)單，只需要在你的元素的class上加上Jtip,并引入jtip.js及其樣式即可以。
jTip
BetterTip
一個(gè)可以自定義Tooltip的jQuery插件。基于jTip，但比它來(lái)得更加靈活。
BetterTip
clueTip
clueTip這個(gè)jQuery插件方便您為鏈接或其它元素添加Tooltip功能。當(dāng)鏈接包括title屬性時(shí)，它的內(nèi)容將變成clueTip的標(biāo)題。clueTip中顯示的內(nèi)容可以通過(guò)Ajax獲取，也可以從當(dāng)前頁(yè)面中的元素中獲取。
clueTip
jQuery lightBox plugin
一個(gè)簡(jiǎn)單，強(qiáng)大基于jQuery開發(fā)的lightBox控件。
jQuery lightBox plugin
jQuery Impromptu
用于創(chuàng)建模式對(duì)話框，確認(rèn)對(duì)話框，輸入內(nèi)容對(duì)話框的jQuery插件。
jQuery Impromptu
jQuery.UI Messenger"Outlook like message notification Widget
這個(gè)jQuery.UI控件類似于Messenger"Outlook消息彈出提醒框。
jQuery.UI Messenger"Outlook like message notification Widget
FancyBox
基于jQuery開發(fā)的Lightbox插件。支持對(duì)放大的圖片添加陰影效果，對(duì)于一組相關(guān)的圖片添加導(dǎo)航操作按紐，該Lightbox除了能夠展示圖片之外，還可以展示iframed內(nèi)容， 通過(guò)CSS自定義外觀。
FancyBox
Coda Popup Bubbles
采用jQuery開發(fā)，類似“冒泡”效果的提醒彈出框。
Coda Popup Bubbles
jGrowl
jGrowl用于制作消息彈出框的jQuery插件。產(chǎn)生效果的類似于Mac OSX系統(tǒng)中Growl事件通知框架。
j Grow l
jqWindowsEngine
這個(gè)jQuery插件能夠幫助你輕松創(chuàng)建Ajax Windows。
jqWindowsEngine
jQuery Alert Dialogs
這個(gè)jQuery插件能夠替換JavaScript提供的alert()、confirm()和prompt()功能。支持利用CSS自定義對(duì)話框外觀。
jQuery Alert Dialogs
BeautyTips
BeautyTips是一個(gè)jQuery Tooltip插件.
BeautyTips
色彩選擇器類
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Farbtastic
Farbtastic是一個(gè)color picker插件。它能夠在一個(gè)頁(yè)面中加入多個(gè)顏色選擇控件，然后每個(gè)控件關(guān)聯(lián)到頁(yè)面中的一個(gè)元素比如：文本輸入框。
Farbtastic
jQuery Color Picker
一個(gè)簡(jiǎn)單的顏色選擇控件。操作方式與Adobe Photoshop中顏色選擇操作置。
jQuery Color Picker
iColorPicker
iColorPicker是一個(gè)只有6KB大小的jQuery Color Picker。只要將輸入框的class屬性設(shè)置為“iColorPicker”就能變一個(gè)漂亮的顏色選擇器。
iColorPicker
熱點(diǎn)圖書：www.hotbook.cn
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
右鍵菜單類
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
ContextMenu
用于創(chuàng)建右鍵彈出菜單的jQuery插件。
ContextMenu
圖片新聞flash展示類
imgAreaSelect
imgAreaSelect這個(gè)jQuery插件能夠選取一張圖片中一個(gè)矩形區(qū)域。
imgAreaSelect
Easy Slide
EasySlide 是以jQuery為基礎(chǔ)開發(fā)的一個(gè)圖庫(kù)展示插件，EasySlide可以將任何一個(gè)網(wǎng)頁(yè)容器(Container)內(nèi)的圖形自動(dòng)將其排列展示，并加上鼠標(biāo)指向時(shí)的暫停效果(Pause)，可以當(dāng)作圖庫(kù)展示或是動(dòng)畫及廣告Banner使用。
Easy Slide
Easy News
Easy News是一個(gè)可以讓您輕松顯示網(wǎng)站新聞或圖文內(nèi)容展示的jQuery插件，可設(shè)定Fade In-Out ,Slide Up-Down, Left To Right 的效果，調(diào)整顯示速度，可自行修改CSS改變您為喜歡的風(fēng)格。
Easy News
Easy News Plus
Easy News Plus是基于Easy News開發(fā)，滾動(dòng)式新聞或圖文內(nèi)容展示的jQuery插件，但是與Easy News有完全不同的顯示方式(以左右滑動(dòng)為主要的顯示方法)。
Easy News Plus
jQZoom
基于jQuery開發(fā)的圖片放大鏡插件。
jQZoom
jQuery Plugin: Text Highlight
利用javascript對(duì)頁(yè)面中的關(guān)鍵字進(jìn)行著色的jQuery插件。
jQuery Plugin: Text Highlight
jCarousel Lite
這個(gè)jQuery插件能夠幫助你以滾動(dòng)（carousel）的方式來(lái)組織圖片和其它內(nèi)容。
jCarousel Lite
jCarousel
jCarousel是一個(gè)jQuery插件用于控制一個(gè)列表項(xiàng)目的水平或垂直順序，列表項(xiàng)目的內(nèi)容可以是靜態(tài)HTML內(nèi)容或通過(guò)AJAX加載的內(nèi)容。可以向前或向后滾動(dòng)。
jCarousel
Spacegallery-Jquery
一個(gè)采用jQuery開發(fā)，類似于Flash效果的圖庫(kù)（image gallery）。
Spacegallery-Jquery
jQuery Slider Gallery
這是一個(gè)基于jQuery開發(fā)相冊(cè)控件，類似于Apple網(wǎng)站上用于展示產(chǎn)品的效果。
jQuery Slider Gallery
jQuery Cycle Plugin
jQuery Cycle Plugin是一個(gè)slideshow插件。支持多種變換效果：shuffle、zoom、fade、turnDown、curtainX、scrollRight。
jQuery Cycle Plugin
Zoomimage
該jQuery插件能夠讓以當(dāng)前流行的方式來(lái)展示圖片。提供：預(yù)加載圖片提示，對(duì)圖片進(jìn)行分組，自動(dòng)調(diào)整圖片顯示比例，圖片分組瀏覽控制。
Zoomimage
prettyPhoto
prettyPhoto是jQuery lightbox的一個(gè)“克隆”。并增加動(dòng)畫效果，圖庫(kù)瀏覽等特性。
prettyPhoto
ThickBox
ThickBox是一個(gè)模式對(duì)話框UI控件。基于jQuery開發(fā)，可以用來(lái)展示單張或多張圖片，內(nèi)嵌的內(nèi)容，iframed的內(nèi)容，或通過(guò)Ajax獲取的內(nèi)容。
ThickBox
Galleria
Galleria 是一個(gè)采用jQuery開發(fā)的圖片展示插件。它通過(guò)縮略圖導(dǎo)航一張一張的顯示大的圖片。支持通過(guò)CSS設(shè)置整個(gè)相冊(cè)的風(fēng)格。能夠按比例創(chuàng)建縮略圖并剪切成適合在縮略圖容器中顯示的小圖片。能夠觸一些事件，因此可以在圖片加載時(shí)執(zhí)行一些動(dòng)作。
Galleria
jQuery Flash Plugin
一個(gè)jQuery插件用于在頁(yè)面中嵌入Flash影片。
jQuery Flash Plugin
jQuery.SerialScroll
jQuery.SerialScroll是一個(gè)用于創(chuàng)建滾動(dòng)效果的jQuery插件，支持水平／垂直方向滾動(dòng)和混合滾動(dòng)效果。
jQuery.SerialScroll
InnerFade
InnerFade這個(gè)jQuery插件能夠讓任意一組元素（img，div等）實(shí)現(xiàn)淡入淡出播放效果。
InnerFade
NyroModal
一個(gè)基于jQuery開發(fā)，非常靈活和可定制外觀/動(dòng)畫效果的模式對(duì)話框。可通過(guò)Ajax調(diào)用目標(biāo)內(nèi)容，改變對(duì)話框大小等。
NyroModal
CrossSlide
CrossSlide這個(gè)jQuery插件實(shí)現(xiàn)了一些常用Javascript幻燈片放映動(dòng)畫效果如：動(dòng)態(tài)地移動(dòng)、縮放、漸變、滑入"滑出等。
CrossSlide
Magnify
Magnify是一個(gè)能夠在圖片上添加放大鏡功能的jQuery插件。
Magnify
Img Notes
用于當(dāng)鼠標(biāo)移到圖片是時(shí)，顯示一個(gè)信息提示框。
Img Notes
FancyZoom
FancyZoom采用縮放效果來(lái)展示圖片或任意HTML頁(yè)面，不需要另外開啟頁(yè)面來(lái)載入圖片，其效果在Apple Mac的官方網(wǎng)站中也有。
FancyZoom
Jcrop
Jcrop 是一個(gè)跨瀏覽器的jQuery圖片剪切插件（
jQuery image crop plugin
）。支持對(duì)剪切框加CSS樣式，當(dāng)選取或拖動(dòng)時(shí)添加回調(diào)事件（Callbacks），剪切時(shí)能夠約束寬度與高度。
Jcrop
Galleriffic
Galleriffic是一個(gè)用于創(chuàng)建快速展示相冊(cè)中照片的jQuery插件。圖片既可以以幻燈片的方式查看，也可以手動(dòng)點(diǎn)擊縮略圖查看。Galleriffic還支持分頁(yè)，從而使得它能夠展示更多的圖片。
Galleriffic
Image Upload and Auto Crop
采用PHP+jQuery開發(fā)的圖片上傳和剪切（Crop）工具。
Image Upload and Auto Crop
prettyGallery
prettyGallery是一個(gè)圖庫(kù)導(dǎo)航控件Slider。基于jQuery開發(fā)，除了可以導(dǎo)航圖片之外，還支持其它任何內(nèi)容。可以配置導(dǎo)航滾動(dòng)速度和圖片標(biāo)題說(shuō)明。
prettyGallery
jQuery.popeye
jQuery.popeye 這個(gè)插件能夠?qū)⒁唤M無(wú)序的圖片列表轉(zhuǎn)換成一個(gè)簡(jiǎn)單的相冊(cè)。當(dāng)點(diǎn)擊圖片時(shí)將以Lightbox風(fēng)格放大圖片。圖片展示框提供向前/向后控制并能夠?yàn)槊恳粡垐D 片添加備注說(shuō)明信息。jQuery.popeye能夠根據(jù)圖片大小自動(dòng)調(diào)整展示框的高度和寬度。
jQuery.popeye
s3Slider
s3Slider 是一個(gè)jQuery slideshow插件，效果類似于
smooth slideshow
。
可以在圖片上的任意位置，透明顯示當(dāng)前所放映圖片的說(shuō)明信息。
s3Slider
Pirobox
采用jQuery開發(fā)的Lightbox控件。能夠根據(jù)瀏覽器窗體大小自動(dòng)調(diào)整展示圖片大小。提供向前/向后控制鏈接。動(dòng)態(tài)加載圖片效果。易于定制。
Pirobox
Simple Controls Gallery
這是一個(gè)采用jQuery開發(fā)的圖片slideshow控件。提供一個(gè)暫停/播放/向前/向后展示的控制菜單。這個(gè)jQuery slideshow可以設(shè)置當(dāng)頁(yè)面打開時(shí)自動(dòng)播放圖片并能夠?qū)⒆罱榭吹膱D片存儲(chǔ)在cookie中。
Simple Controls Gallery
Agile Carousel
Jquery Slideshow插件。易于定制圖片切換效果。提供開/關(guān)圖片標(biāo)題顯示，添加文本水印等功能。
Agile Carousel
jQuery Plugin-Page Peel
這是一個(gè)用于創(chuàng)建Page Peel(卷頁(yè)/頁(yè)面剝落)特效的jQuery插件。
jQuery Plugin-Page Peel
Easy Slider
一個(gè)jQuery插件，當(dāng)點(diǎn)擊導(dǎo)航按紐時(shí)可以水平或垂直播放圖片或其它任何內(nèi)容。
Easy Slider
imgPreview
圖片預(yù)覽jQuery插件。當(dāng)鼠標(biāo)移到圖片鏈接上時(shí)，會(huì)在鏈接的旁邊出現(xiàn)一個(gè)類似于tooltip效果的圖片展示框。
imgPreview
Jquery Fade In.Fade Out
這是一個(gè)用于讓圖片產(chǎn)生淡入淡出效果的jQuery插件。
Jquery Fade In.Fade Out
Captify
這個(gè)jQuery插件能夠在圖片上顯示標(biāo)題信息，當(dāng)鼠標(biāo)放到圖片上時(shí)滑動(dòng)出現(xiàn)。
Captify
jParallax
這是一個(gè)用于生成視差現(xiàn)象的jQuery插件。
mParallax
能夠產(chǎn)生的效果與jParallax一樣但采用Mootools框架開發(fā)。
jParallax
jQuery---運(yùn)用圖片預(yù)加載技術(shù)打造幻燈片
截圖：
一些演示：
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
(以前做的，非預(yù)加載)
下載：
http://www.cssrain.cn/demo/jQueryImgLoad/jQueryImgLoad.rar
jQuery pageSlide
jQuery pageSlide 是一個(gè)jQuery插件，它可以控制一個(gè)隱藏頁(yè)面的顯示和關(guān)閉。具體來(lái)說(shuō)，就是當(dāng)前頁(yè)占一個(gè)完整頁(yè)面，隱藏頁(yè)是看不到的，你設(shè)置一個(gè)控制的地方，點(diǎn)擊該控制時(shí)觸發(fā)事件，隱藏的頁(yè)面就彈出來(lái)。再次點(diǎn)擊隱藏頁(yè)面以外的空間，它就又關(guān)閉。
這適合在有限的空間里，在主頁(yè)里放重要內(nèi)容，而隱藏頁(yè)放一些并不一定要顯示，而是有需要的用戶才去展開顯示的內(nèi)容。
Creating a Slick Auto-Playing Featured Content Slider
Niall Doherty的 Coda Slider 為許許多多的設(shè)計(jì)師帶來(lái)了靈感. Chris Coyier 創(chuàng)建的這個(gè)Slick Auto-Playing Featured Content Slider 使用 Coda Slider插件 ，實(shí)現(xiàn)我們常說(shuō)的”圖片焦點(diǎn)特效”。多用于門戶站。
Portfolio Layout Idea Using jQuery
非常漂亮的一個(gè)特效布局。由 Benjamin Sterling 創(chuàng)建的這個(gè) portfolio layout 使用了jQuery的 easing plugin. 適合那些想用來(lái)展示個(gè)人作品集的用戶。
它在頁(yè)面兩邊顯示帶縮略的作品列表，當(dāng)你點(diǎn)擊每個(gè)條目時(shí)，會(huì)在中間部分以退場(chǎng)然后進(jìn)場(chǎng)的特效呈現(xiàn)出該作品的全部?jī)?nèi)容。
jQuery---圖片先模糊后清楚
http://www.hotbook.cn/
?
很多圖片網(wǎng)站用了這種技術(shù)，Google圖片中心也不例外。
這種技術(shù)的圖片是先顯示模糊的，然后再顯示清楚的。
這個(gè)模糊的原理就是 一張小圖片，然后把尺寸放大，大小等于大圖片的寬度和高度。
小圖片被拉大了，理所當(dāng)然就模糊了。
試想：小圖片的尺寸是10kb,大圖片的大小是500kb，那么加載小圖片的速度就是大圖片的50倍。
當(dāng)然你會(huì)說(shuō)，如果直接顯示大圖片是什么情況呢？答案是：一片空白等著你。
演示：
http://www.cssrain.cn/demo/loadImages/loadimages.html
使用jQuery實(shí)現(xiàn)網(wǎng)頁(yè)報(bào)紙
演示：
http://www.cssrain.cn/demo/jquerynewspager/demo.html
原理：使用報(bào)紙內(nèi)容作為 背景圖，相對(duì)定位。
然后里面的div設(shè)置為絕對(duì)定位，大小，left和top都要跟背景圖匹配。
所以這個(gè)有一定的規(guī)律。
下載：
http://www.cssrain.cn/demo/jquerynewspager/jquerynewspager.rar
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號(hào)聯(lián)系： 360901061
您的支持是博主寫作最大的動(dòng)力，如果您喜歡我的文章，感覺我的文章對(duì)您有幫助，請(qǐng)用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點(diǎn)擊下面給點(diǎn)支持吧，站長(zhǎng)非常感激您！手機(jī)微信長(zhǎng)按不能支付解決辦法：請(qǐng)將微信支付二維碼保存到相冊(cè)，切換到微信，然后點(diǎn)擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對(duì)您有幫助就好】元
