日韩久久久精品,亚洲精品久久久久久久久久久,亚洲欧美一区二区三区国产精品 ,一区二区福利

jquery 特效專輯

系統(tǒng) 3034 0

?

提示框彈窗類

Facebox

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

Facebox
SimpleModal

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

SimpleModal
jTip

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


jTip


BetterTip

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


BetterTip

clueTip

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

clueTip


jQuery lightBox plugin

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

jQuery lightBox plugin

jQuery Impromptu

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

jQuery Impromptu
jQuery.UI Messenger"Outlook like message notification Widget

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

jQuery.UI Messenger"Outlook like message notification Widget

FancyBox

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

FancyBox


Coda Popup Bubbles

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

Coda Popup Bubbles

jGrowl

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

j Grow l

jqWindowsEngine

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

jqWindowsEngine

jQuery Alert Dialogs

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

jQuery Alert Dialogs
BeautyTips

BeautyTips是一個jQuery Tooltip插件.
jquery 特效專輯

BeautyTips

色彩選擇器類

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

Farbtastic

Farbtastic是一個color picker插件。它能夠在一個頁面中加入多個顏色選擇控件,然后每個控件關(guān)聯(lián)到頁面中的一個元素比如:文本輸入框。
jquery 特效專輯

Farbtastic
jQuery Color Picker

一個簡單的顏色選擇控件。操作方式與Adobe Photoshop中顏色選擇操作置。
jquery 特效專輯

jQuery Color Picker

iColorPicker

iColorPicker是一個只有6KB大小的jQuery Color Picker。只要將輸入框的class屬性設(shè)置為“iColorPicker”就能變一個漂亮的顏色選擇器。
jquery 特效專輯

iColorPicker



熱點圖書:www.hotbook.cn

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

右鍵菜單類

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

ContextMenu

用于創(chuàng)建右鍵彈出菜單的jQuery插件。
jquery 特效專輯

ContextMenu

圖片新聞flash展示類

imgAreaSelect

imgAreaSelect這個jQuery插件能夠選取一張圖片中一個矩形區(qū)域。
jquery 特效專輯

imgAreaSelect

Easy Slide

EasySlide 是以jQuery為基礎(chǔ)開發(fā)的一個圖庫展示插件,EasySlide可以將任何一個網(wǎng)頁容器(Container)內(nèi)的圖形自動將其排列展示,并加上鼠標(biāo)指向時的暫停效果(Pause),可以當(dāng)作圖庫展示或是動畫及廣告Banner使用。
jquery 特效專輯

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)格。
jquery 特效專輯

Easy News


Easy News Plus

Easy News Plus是基于Easy News開發(fā),滾動式新聞或圖文內(nèi)容展示的jQuery插件,但是與Easy News有完全不同的顯示方式(以左右滑動為主要的顯示方法)。

Easy News Plus
jQZoom

基于jQuery開發(fā)的圖片放大鏡插件。
jquery 特效專輯

jQZoom

jQuery Plugin: Text Highlight

利用javascript對頁面中的關(guān)鍵字進(jìn)行著色的jQuery插件。


jQuery Plugin: Text Highlight
jCarousel Lite

這個jQuery插件能夠幫助你以滾動(carousel)的方式來組織圖片和其它內(nèi)容。
jquery 特效專輯

jCarousel Lite


jCarousel

jCarousel是一個jQuery插件用于控制一個列表項目的水平或垂直順序,列表項目的內(nèi)容可以是靜態(tài)HTML內(nèi)容或通過AJAX加載的內(nèi)容。可以向前或向后滾動。


jCarousel

Spacegallery-Jquery

一個采用jQuery開發(fā),類似于Flash效果的圖庫(image gallery)。
jquery 特效專輯

Spacegallery-Jquery
jQuery Slider Gallery

這是一個基于jQuery開發(fā)相冊控件,類似于Apple網(wǎng)站上用于展示產(chǎn)品的效果。
jquery 特效專輯

jQuery Slider Gallery

jQuery Cycle Plugin

jQuery Cycle Plugin是一個slideshow插件。支持多種變換效果:shuffle、zoom、fade、turnDown、curtainX、scrollRight。
jquery 特效專輯

jQuery Cycle Plugin

Zoomimage

該jQuery插件能夠讓以當(dāng)前流行的方式來展示圖片。提供:預(yù)加載圖片提示,對圖片進(jìn)行分組,自動調(diào)整圖片顯示比例,圖片分組瀏覽控制。
jquery 特效專輯

Zoomimage


prettyPhoto

prettyPhoto是jQuery lightbox的一個“克隆”。并增加動畫效果,圖庫瀏覽等特性。
jquery 特效專輯

prettyPhoto


ThickBox

ThickBox是一個模式對話框UI控件。基于jQuery開發(fā),可以用來展示單張或多張圖片,內(nèi)嵌的內(nèi)容,iframed的內(nèi)容,或通過Ajax獲取的內(nèi)容。
jquery 特效專輯

ThickBox

Galleria

Galleria 是一個采用jQuery開發(fā)的圖片展示插件。它通過縮略圖導(dǎo)航一張一張的顯示大的圖片。支持通過CSS設(shè)置整個相冊的風(fēng)格。能夠按比例創(chuàng)建縮略圖并剪切成適合在縮略圖容器中顯示的小圖片。能夠觸一些事件,因此可以在圖片加載時執(zhí)行一些動作。
jquery 特效專輯

Galleria

jQuery Flash Plugin

一個jQuery插件用于在頁面中嵌入Flash影片。
jquery 特效專輯

jQuery Flash Plugin

jQuery.SerialScroll

jQuery.SerialScroll是一個用于創(chuàng)建滾動效果的jQuery插件,支持水平/垂直方向滾動和混合滾動效果。
jquery 特效專輯

jQuery.SerialScroll

InnerFade

InnerFade這個jQuery插件能夠讓任意一組元素(img,div等)實現(xiàn)淡入淡出播放效果。
jquery 特效專輯

InnerFade

NyroModal

一個基于jQuery開發(fā),非常靈活和可定制外觀/動畫效果的模式對話框。可通過Ajax調(diào)用目標(biāo)內(nèi)容,改變對話框大小等。
jquery 特效專輯

NyroModal

CrossSlide

CrossSlide這個jQuery插件實現(xiàn)了一些常用Javascript幻燈片放映動畫效果如:動態(tài)地移動、縮放、漸變、滑入"滑出等。
jquery 特效專輯

CrossSlide

Magnify

Magnify是一個能夠在圖片上添加放大鏡功能的jQuery插件。
jquery 特效專輯

Magnify


Img Notes

用于當(dāng)鼠標(biāo)移到圖片是時,顯示一個信息提示框。
jquery 特效專輯

Img Notes
FancyZoom

FancyZoom采用縮放效果來展示圖片或任意HTML頁面,不需要另外開啟頁面來載入圖片,其效果在Apple Mac的官方網(wǎng)站中也有。
jquery 特效專輯

FancyZoom

Jcrop

Jcrop 是一個跨瀏覽器的jQuery圖片剪切插件( jQuery image crop plugin )。支持對剪切框加CSS樣式,當(dāng)選取或拖動時添加回調(diào)事件(Callbacks),剪切時能夠約束寬度與高度。


Jcrop
Galleriffic

Galleriffic是一個用于創(chuàng)建快速展示相冊中照片的jQuery插件。圖片既可以以幻燈片的方式查看,也可以手動點擊縮略圖查看。Galleriffic還支持分頁,從而使得它能夠展示更多的圖片。
jquery 特效專輯

Galleriffic
Image Upload and Auto Crop

采用PHP+jQuery開發(fā)的圖片上傳和剪切(Crop)工具。
jquery 特效專輯

Image Upload and Auto Crop

prettyGallery

prettyGallery是一個圖庫導(dǎo)航控件Slider。基于jQuery開發(fā),除了可以導(dǎo)航圖片之外,還支持其它任何內(nèi)容。可以配置導(dǎo)航滾動速度和圖片標(biāo)題說明。
jquery 特效專輯

prettyGallery
jQuery.popeye

jQuery.popeye 這個插件能夠?qū)⒁唤M無序的圖片列表轉(zhuǎn)換成一個簡單的相冊。當(dāng)點擊圖片時將以Lightbox風(fēng)格放大圖片。圖片展示框提供向前/向后控制并能夠為每一張圖 片添加備注說明信息。jQuery.popeye能夠根據(jù)圖片大小自動調(diào)整展示框的高度和寬度。
jquery 特效專輯

jQuery.popeye
s3Slider

s3Slider 是一個jQuery slideshow插件,效果類似于
smooth slideshow

可以在圖片上的任意位置,透明顯示當(dāng)前所放映圖片的說明信息。
jquery 特效專輯

s3Slider

Pirobox

采用jQuery開發(fā)的Lightbox控件。能夠根據(jù)瀏覽器窗體大小自動調(diào)整展示圖片大小。提供向前/向后控制鏈接。動態(tài)加載圖片效果。易于定制。
jquery 特效專輯

Pirobox

Simple Controls Gallery

這是一個采用jQuery開發(fā)的圖片slideshow控件。提供一個暫停/播放/向前/向后展示的控制菜單。這個jQuery slideshow可以設(shè)置當(dāng)頁面打開時自動播放圖片并能夠?qū)⒆罱榭吹膱D片存儲在cookie中。
jquery 特效專輯

Simple Controls Gallery

Agile Carousel

Jquery Slideshow插件。易于定制圖片切換效果。提供開/關(guān)圖片標(biāo)題顯示,添加文本水印等功能。
jquery 特效專輯

Agile Carousel
jQuery Plugin-Page Peel

這是一個用于創(chuàng)建Page Peel(卷頁/頁面剝落)特效的jQuery插件。
jquery 特效專輯

jQuery Plugin-Page Peel


Easy Slider

一個jQuery插件,當(dāng)點擊導(dǎo)航按紐時可以水平或垂直播放圖片或其它任何內(nèi)容。
jquery 特效專輯

Easy Slider
imgPreview

圖片預(yù)覽jQuery插件。當(dāng)鼠標(biāo)移到圖片鏈接上時,會在鏈接的旁邊出現(xiàn)一個類似于tooltip效果的圖片展示框。
jquery 特效專輯

imgPreview
Jquery Fade In.Fade Out

這是一個用于讓圖片產(chǎn)生淡入淡出效果的jQuery插件。


Jquery Fade In.Fade Out


Captify

這個jQuery插件能夠在圖片上顯示標(biāo)題信息,當(dāng)鼠標(biāo)放到圖片上時滑動出現(xiàn)。
jquery 特效專輯

Captify
jParallax

這是一個用于生成視差現(xiàn)象的jQuery插件。
mParallax 能夠產(chǎn)生的效果與jParallax一樣但采用Mootools框架開發(fā)。
jquery 特效專輯
jquery 特效專輯

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

jquery 特效專輯


更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯(lián)系: 360901061

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

【本文對您有幫助就好】

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長會非常 感謝您的哦!!!

發(fā)表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 江门市| 巴林右旗| 石阡县| 六枝特区| 维西| 金湖县| 马龙县| 拜泉县| 黑龙江省| 云和县| 长乐市| 东丰县| 巴青县| 沁源县| 日喀则市| 肥城市| 循化| 聂荣县| 高雄市| 寿光市| 珠海市| 调兵山市| 六安市| 安阳县| 宾阳县| 越西县| 阿克| 阿拉尔市| 固阳县| 高唐县| 洱源县| 宿松县| 磐石市| 庆安县| 康定县| 谷城县| 阿城市| 六枝特区| 卫辉市| 刚察县| 民和|