?
提示框彈窗類

Facebox 是一個基于jQuery,F(xiàn)acebook-style的lightbox。能夠展示示images,divs或者整個遠(yuǎn)程 頁面 。

Facebox
SimpleModal
SimpleModal是一個輕量級jQuery插件提供了一個簡單的接口來創(chuàng)建模式對話框。

SimpleModal


jTip一個利用jQuery開發(fā)的提示工具。jTip通過HttpXMLRequest獲取內(nèi)容。用法簡單,只需要在你的元素的class上加上Jtip,并引入jtip.js及其樣式即可以。

jTip


一個可以自定義Tooltip的jQuery插件。基于jTip,但比它來得更加靈活。

BetterTip


clueTip這個jQuery插件方便您為鏈接或其它元素添加Tooltip功能。當(dāng)鏈接包括title屬性時,它的內(nèi)容將變成clueTip的標(biāo)題。clueTip中顯示的內(nèi)容可以通過Ajax獲取,也可以從當(dāng)前頁面中的元素中獲取。

clueTip


一個簡單,強(qiáng)大基于jQuery開發(fā)的lightBox控件。

jQuery lightBox plugin


用于創(chuàng)建模式對話框,確認(rèn)對話框,輸入內(nèi)容對話框的jQuery插件。

jQuery Impromptu


這個jQuery.UI控件類似于Messenger"Outlook消息彈出提醒框。

jQuery.UI Messenger"Outlook like message notification Widget


基于jQuery開發(fā)的Lightbox插件。支持對放大的圖片添加陰影效果,對于一組相關(guān)的圖片添加導(dǎo)航操作按紐,該Lightbox除了能夠展示圖片之外,還可以展示iframed內(nèi)容, 通過CSS自定義外觀。

FancyBox


采用jQuery開發(fā),類似“冒泡”效果的提醒彈出框。

Coda Popup Bubbles


jGrowl用于制作消息彈出框的jQuery插件。產(chǎn)生效果的類似于Mac OSX系統(tǒng)中Growl事件通知框架。

j Grow l


這個jQuery插件能夠幫助你輕松創(chuàng)建Ajax Windows。

jqWindowsEngine


這個jQuery插件能夠替換JavaScript提供的alert()、confirm()和prompt()功能。支持利用CSS自定義對話框外觀。




jQuery Alert Dialogs


BeautyTips是一個jQuery Tooltip插件.

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

微信掃一掃加我為好友
QQ號聯(lián)系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機(jī)微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元
