天天看點

js 大量架構

花N長時間積累的Jquery插件,希望大家喜歡。大家還有什麼新的插件,請留言,我們一并收錄。

感謝大家的支援。

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

js 大量架構

accordion類

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

基于jQuery開發,非常簡單的水準方向折疊控件。

js 大量架構

Horizontal accordion: jQuery

熱點圖書:www.hotbook.cn

js 大量架構

jQuery-Horizontal Accordion

具有XBOX360 blade界面風格的水準方向Accordion。

js 大量架構

jQuery-Horizontal Accordion

jQuery plugin: Accordion

js 大量架構

用于建立 折疊菜單的jQuery插件。

js 大量架構

jQuery plugin: Accordion

熱點圖書:www.hotbook.cn

js 大量架構

Accordion Menu script

js 大量架構

基于jQuery開發的可折疊菜單。

js 大量架構

Accordion Menu script

熱點圖書:www.hotbook.cn

js 大量架構

jQuery.combobox

js 大量架構

jQuery.combobox是一個采用jQuery開發的combobox控件,可以使用CSS控制該combobox的外觀,可以設定各種不同風格的下拉動畫效果。

js 大量架構

jQuery.combobox

熱點圖書:www.hotbook.cn

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

js 大量架構

autocomplate類

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

jQuery插件易于內建到現在的表單中(Form)。

js 大量架構

AutoComplete-JQuery

js 大量架構

Facebook like Autocomplete

基于jQuery開發,類似于FaceBoox提供的AutoCompleter。

js 大量架構

Facebook like Autocomplete

js 大量架構

jQuery Autocomplete Mod

jQuery Autcomplete插件。能夠限制下拉菜單顯示的結果數。

js 大量架構

jQuery Autocomplete Mod

js 大量架構

jqac

基于Jquery開發的Autocomplete插件。具有易于使用,配置簡單,既可以利用Ajax讀取資料也可以直接從本地擷取資料。

js 大量架構

jqac

熱點圖書:www.hotbook.cn

js 大量架構

jQuery Tag Suggestion

類似于del.icio.us提供的tag suggesting功能。

js 大量架構

jQuery Tag Suggestion

js 大量架構

Autocomplete-jQuery ajax

利用 jQuery(Ajax),PHP和MySQL開發的AutoCompleter。

js 大量架構

Autocomplete-jQuery ajax

js 大量架構

jQuery.Suggest

跨浏覽器支援,基于jQuery開發的Autocomplete library。

js 大量架構

jQuery.Suggest

js 大量架構

Autocomplete- jQuery plugin

一個jQuery Autocompleter,提供緩存選項來限制對伺服器的請求。

js 大量架構

Autocomplete- jQuery plugin

js 大量架構

jQuery plugin: Autocomplete

js 大量架構

自動完成輸入框值讓使用者能夠快速查找和過濾某些值。

js 大量架構

jQuery plugin: Autocomplete

js 大量架構

jSuggest

js 大量架構

模仿Google Suggest功能的AutoComplete jQuery插件。

js 大量架構

jSuggest

js 大量架構

jQuery Live Ajax Search Plug-in

js 大量架構

采用jQuery開發的AutoComplete控件。搜尋結果展示框完全可以利用CSS自定義,内容展示是一個HTML頁面。

js 大量架構

jQuery Live Ajax Search Plug-in

js 大量架構

ddcombobox

js 大量架構

帶AutoComplete功能的下拉選擇框jQuery插件。

js 大量架構

ddcombobox

  熱點圖書:www.hotbook.cn

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

js 大量架構

分頁類

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

js 大量架構

jQuery Pagination

jQuery分頁插件

js 大量架構

jQuery Pagination

js 大量架構

pager jQuery plug-in

js 大量架構

jQuery分頁插件。

js 大量架構

pager jQuery plug-in

js 大量架構

JQuery Pager

js 大量架構

一個利用jQuery開發的分頁UI控件,可用于資料驅動的web應用程式中。

js 大量架構

JQuery Pager

熱點圖書:www.hotbook.cn

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

js 大量架構

提示框彈窗類

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

js 大量架構

Facebox

Facebox 是一個基于jQuery,Facebook-style的lightbox。能夠展示示images,divs或者整個遠端頁面。

js 大量架構

Facebox

SimpleModal

SimpleModal是一個輕量級jQuery插件提供了一個簡單的接口來建立模式對話框。

js 大量架構

SimpleModal

js 大量架構

jTip

js 大量架構

jTip一個利用jQuery開發的提示工具。jTip通過HttpXMLRequest擷取内容。用法簡單,隻需要在你的元素的class上加上Jtip,并引入jtip.js及其樣式即可以。

js 大量架構

jTip

js 大量架構

BetterTip

js 大量架構

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

js 大量架構

BetterTip

js 大量架構

clueTip

js 大量架構

clueTip這個jQuery插件友善您為連結或其它元素添加Tooltip功能。當連結包括title屬性時,它的内容将變成clueTip的标題。clueTip中顯示的内容可以通過Ajax擷取,也可以從目前頁面中的元素中擷取。

js 大量架構

clueTip

js 大量架構

jQuery lightBox plugin

js 大量架構

一個簡單,強大基于jQuery開發的lightBox控件。

js 大量架構

jQuery lightBox plugin

js 大量架構

jQuery Impromptu

js 大量架構

用于建立模式對話框,确認對話框,輸入内容對話框的jQuery插件。

js 大量架構

jQuery Impromptu

js 大量架構

jQuery.UI Messenger"Outlook like message notification Widget

js 大量架構

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

js 大量架構

jQuery.UI Messenger"Outlook like message notification Widget

js 大量架構

FancyBox

js 大量架構

基于jQuery開發的Lightbox插件。支援對放大的圖檔添加陰影效果,對于一組相關的圖檔添加導航操作按紐,該Lightbox除了能夠展示圖檔之外,還可以展示iframed内容, 通過CSS自定義外觀。

js 大量架構

FancyBox

js 大量架構

Coda Popup Bubbles

js 大量架構

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

js 大量架構

Coda Popup Bubbles

js 大量架構

jGrowl

js 大量架構

jGrowl用于制作消息彈出框的jQuery插件。産生效果的類似于Mac OSX系統中Growl事件通知架構。

js 大量架構

jGrowl

js 大量架構

jqWindowsEngine

js 大量架構

這個jQuery插件能夠幫助你輕松建立Ajax Windows。

js 大量架構

jqWindowsEngine

js 大量架構

jQuery Alert Dialogs

js 大量架構

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

js 大量架構
js 大量架構
js 大量架構
js 大量架構

jQuery Alert Dialogs

js 大量架構

BeautyTips

js 大量架構

BeautyTips是一個jQuery Tooltip插件.

js 大量架構

BeautyTips

熱點圖書:www.hotbook.cn

  1. Facebook/Xiaonei 風格模态框

    效果圖:

    js 大量架構

    簡介:

    使用 div, table 和 opacity 效果實作模态框效果...

    導航:

    詳細介紹 | 線上示範

熱點圖書網:www.hotbook.cn

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

js 大量架構

編輯器類

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

js 大量架構

jwysiwyg

WYSIWYG jQuery插件。整個編輯器檔案大小隻有17Kb。

js 大量架構

jwysiwyg

js 大量架構

Damn Small Rich Text Editor

基于jQuery開發,能夠從IFRAME元素建立一個Rich Text Editor。提供了所有基本的Rich Text功能,可設定文本編輯區大小,Ajax上傳圖檔等。

js 大量架構

Damn Small Rich Text Editor

熱點圖書:www.hotbook.cn

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

js 大量架構

表格類

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

js 大量架構

Flexigrid

Flexigrid是一個類似于Ext Gird,但基于jQuery開發的Grid。它具有的功能包括:可以調整列寬,合并列标題,分頁,排序,顯示/隐藏表格等。Flexigrid顯示的資料能夠通過Ajax擷取或者從一個普通的表格轉換。

js 大量架構

Flexigrid

js 大量架構

Ingrid

js 大量架構

這個jQuery DataGrid提供的功能有:可以拖動調整列寬,分頁,排序,設定行/列樣式等。

js 大量架構

Ingrid

js 大量架構

jQuery Grid

js 大量架構

jqGrid是一個Ajaxed jQuery Grid插件。提供分頁功能,添加、編輯、删除和搜尋表中記錄,支援多種資料類型輸入:XML,JSON,Array等,多行選擇,支援子表格,內建日期選擇控件等等。

Demo

js 大量架構

jQuery Grid

js 大量架構

tableHover

js 大量架構

tableHover一個jQuery插件當滑鼠經過時,能夠對表格的一整列或行進行着色加亮。支援colspans與rowspans的表格。

js 大量架構

tableHover

js 大量架構

JQuery.Resizer

js 大量架構

一個輕量級jQuery插件用于建立可以拖動調整行高與列寬的表格。

JQuery.Resizer

js 大量架構

tablesorter

js 大量架構

tablesorter 這個jQuery插件能夠将帶THEAD與TBODY标簽的标準HTMLTable轉換成一個可排序的表格。tablesorter能夠排序多種資料類型包括Text、URIs、integers、currency、floats、IP位址、日期、時間和自定義的資料類型。支援擁有複雜表頭表格的排序,支援二級隐藏排序,支援多種浏覽器:IE6.0+、FF2+、Safari2.0+、Opera9.0+。

js 大量架構

tablesorter

js 大量架構

csv2table

js 大量架構

csv2table這個插件能夠将CVS檔案(利用Excel建立)的内容轉換成HTML Table。

jQuery表格排序插件,點選表格中對應列的頭部單元,表格立即重新排序。

Tablesorter | Demo

csv2table

js 大量架構

tableFormSynch

js 大量架構

tableFormSynch 是一個表格與表單資料互相更新的jQuery插件。它提供的功能包括:基于表單中的資料,新增行。删除所選擇行,并清除表單中的所有資料。 tableFormSynch支援所有表單控件包括:checkboxes、radio、buttons 與<select>。

js 大量架構

tableFormSynch

熱點圖書:www.hotbook.cn

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

js 大量架構

色彩選擇器類

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

js 大量架構

Farbtastic

Farbtastic是一個color picker插件。它能夠在一個頁面中加入多個顔色選擇控件,然後每個控件關聯到頁面中的一個元素比如:文本輸入框。

js 大量架構

Farbtastic

js 大量架構

jQuery Color Picker

js 大量架構

一個簡單的顔色選擇控件。操作方式與Adobe Photoshop中顔色選擇操作置。

js 大量架構

jQuery Color Picker

js 大量架構

iColorPicker

js 大量架構

iColorPicker是一個隻有6KB大小的jQuery Color Picker。隻要将輸入框的class屬性設定為“iColorPicker”就能變一個漂亮的顔色選擇器。

js 大量架構

iColorPicker

熱點圖書:www.hotbook.cn

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

js 大量架構

右鍵菜單類

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

js 大量架構

ContextMenu

用于建立右鍵彈出菜單的jQuery插件。

js 大量架構

ContextMenu

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

js 大量架構

圖檔新聞flash展示類熱點圖書:www.hotbook.cn

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

js 大量架構

imgAreaSelect

js 大量架構

imgAreaSelect這個jQuery插件能夠選取一張圖檔中一個矩形區域。

js 大量架構

imgAreaSelect

js 大量架構

Easy Slide

js 大量架構

EasySlide 是以jQuery為基礎開發的一個圖庫展示插件,EasySlide可以将任何一個網頁容器(Container)内的圖形自動将其排列展示,并加上滑鼠指向時的暫停效果(Pause),可以當作圖庫展示或是動畫及廣告Banner使用。

js 大量架構

Easy Slide

js 大量架構

Easy News

js 大量架構

Easy News是一個可以讓您輕松顯示網站新聞或圖文内容展示的jQuery插件,可設定Fade In-Out ,Slide Up-Down, Left To Right 的效果,調整顯示速度,可自行修改CSS改變您為喜歡的風格。

js 大量架構

Easy News

js 大量架構

Easy News Plus

js 大量架構

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

Easy News Plus

js 大量架構

jQZoom

js 大量架構

基于jQuery開發的圖檔放大鏡插件。

js 大量架構

jQZoom

js 大量架構

jQuery Plugin: Text Highlight

js 大量架構

利用javascript對頁面中的關鍵字進行着色的jQuery插件。

js 大量架構

jQuery Plugin: Text Highlight

js 大量架構

jCarousel Lite

js 大量架構

這個jQuery插件能夠幫助你以滾動(carousel)的方式來組織圖檔和其它内容。

js 大量架構

jCarousel Lite

js 大量架構

jCarousel

js 大量架構

jCarousel是一個jQuery插件用于控制一個清單項目的水準或垂直順序,清單項目的内容可以是靜态HTML内容或通過AJAX加載的内容。可以向前或向後滾動。

js 大量架構

jCarousel

js 大量架構

Spacegallery-Jquery

js 大量架構

一個采用jQuery開發,類似于Flash效果的圖庫(image gallery)。

js 大量架構

Spacegallery-Jquery

js 大量架構

jQuery Slider Gallery

js 大量架構

這是一個基于jQuery開發相冊控件,類似于Apple網站上用于展示産品的效果。

js 大量架構

jQuery Slider Gallery

js 大量架構

jQuery Cycle Plugin

js 大量架構

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

js 大量架構

jQuery Cycle Plugin

js 大量架構

Zoomimage

js 大量架構

該jQuery插件能夠讓以目前流行的方式來展示圖檔。提供:預加載圖檔提示,對圖檔進行分組,自動調整圖檔顯示比例,圖檔分組浏覽控制。

js 大量架構

Zoomimage

js 大量架構

prettyPhoto

js 大量架構

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

js 大量架構

prettyPhoto

js 大量架構

ThickBox

js 大量架構

ThickBox是一個模式對話框UI控件。基于jQuery開發,可以用來展示單張或多張圖檔,内嵌的内容,iframed的内容,或通過Ajax擷取的内容。

js 大量架構

ThickBox

js 大量架構

Galleria

js 大量架構

Galleria 是一個采用jQuery開發的圖檔展示插件。它通過縮略圖導航一張一張的顯示大的圖檔。支援通過CSS設定整個相冊的風格。能夠按比例建立縮略圖并剪切成适合在縮略圖容器中顯示的小圖檔。能夠觸一些事件,是以可以在圖檔加載時執行一些動作。

js 大量架構

Galleria

js 大量架構

jQuery Flash Plugin

js 大量架構

一個jQuery插件用于在頁面中嵌入Flash影片。

js 大量架構

jQuery Flash Plugin

js 大量架構

jQuery.SerialScroll

js 大量架構

jQuery.SerialScroll是一個用于建立滾動效果的jQuery插件,支援水準/垂直方向滾動和混合滾動效果。

js 大量架構

jQuery.SerialScroll

js 大量架構

InnerFade

js 大量架構

InnerFade這個jQuery插件能夠讓任意一組元素(img,div等)實作淡入淡出播放效果。

js 大量架構

InnerFade

js 大量架構

NyroModal

js 大量架構

一個基于jQuery開發,非常靈活和可定制外觀/動畫效果的模式對話框。可通過Ajax調用目标内容,改變對話框大小等。

js 大量架構

NyroModal

js 大量架構

CrossSlide

js 大量架構

CrossSlide這個jQuery插件實作了一些常用Javascript幻燈片放映動畫效果如:動态地移動、縮放、漸變、滑入"滑出等。

js 大量架構

CrossSlide

js 大量架構

Magnify

js 大量架構

Magnify是一個能夠在圖檔上添加放大鏡功能的jQuery插件。

js 大量架構

Magnify

js 大量架構

Img Notes

js 大量架構

用于當滑鼠移到圖檔是時,顯示一個資訊提示框。

js 大量架構

Img Notes

js 大量架構

FancyZoom

js 大量架構

FancyZoom采用縮放效果來展示圖檔或任意HTML頁面,不需要另外開啟頁面來載入圖檔,其效果在Apple Mac的官方網站中也有。

js 大量架構

FancyZoom

js 大量架構

Jcrop

js 大量架構

Jcrop 是一個跨浏覽器的jQuery圖檔剪切插件(jQuery image crop plugin)。支援對剪切框加CSS樣式,當選取或拖動時添加回調事件(Callbacks),剪切時能夠限制寬度與高度。

js 大量架構

Jcrop

js 大量架構

Galleriffic

js 大量架構

Galleriffic是一個用于建立快速展示相冊中照片的jQuery插件。圖檔既可以以幻燈片的方式檢視,也可以手動點選縮略圖檢視。Galleriffic還支援分頁,進而使得它能夠展示更多的圖檔。

js 大量架構

Galleriffic

js 大量架構

Image Upload and Auto Crop

js 大量架構

采用PHP+jQuery開發的圖檔上傳和剪切(Crop)工具。

js 大量架構

Image Upload and Auto Crop

js 大量架構

prettyGallery

js 大量架構

prettyGallery是一個圖庫導航控件Slider。基于jQuery開發,除了可以導航圖檔之外,還支援其它任何内容。可以配置導航滾動速度和圖檔标題說明。

js 大量架構

prettyGallery

js 大量架構

jQuery.popeye

js 大量架構

jQuery.popeye 這個插件能夠将一組無序的圖檔清單轉換成一個簡單的相冊。當點選圖檔時将以Lightbox風格放大圖檔。圖檔展示框提供向前/向後控制并能夠為每一張圖檔添加備注說明資訊。jQuery.popeye能夠根據圖檔大小自動調整展示框的高度和寬度。

js 大量架構

jQuery.popeye

js 大量架構

s3Slider

js 大量架構

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

可以在圖檔上的任意位置,透明顯示目前所放映圖檔的說明資訊。

js 大量架構

s3Slider

js 大量架構

Pirobox

js 大量架構

采用jQuery開發的Lightbox控件。能夠根據浏覽器窗體大小自動調整展示圖檔大小。提供向前/向後控制連結。動态加載圖檔效果。易于定制。

js 大量架構

Pirobox

js 大量架構

Simple Controls Gallery

js 大量架構

這是一個采用jQuery開發的圖檔slideshow控件。提供一個暫停/播放/向前/向後展示的控制菜單。這個jQuery slideshow可以設定當頁面打開時自動播放圖檔并能夠将最近檢視的圖檔存儲在cookie中。

js 大量架構

Simple Controls Gallery

js 大量架構

Agile Carousel

js 大量架構

Jquery Slideshow插件。易于定制圖檔切換效果。提供開/關圖檔标題顯示,添加文本水印等功能。

js 大量架構

Agile Carousel

js 大量架構

jQuery Plugin-Page Peel

js 大量架構

這是一個用于建立Page Peel(卷頁/頁面剝落)特效的jQuery插件。

js 大量架構

jQuery Plugin-Page Peel

js 大量架構

Easy Slider

js 大量架構

一個jQuery插件,當點選導航按紐時可以水準或垂直播放圖檔或其它任何内容。

js 大量架構

Easy Slider

js 大量架構

imgPreview

js 大量架構

圖檔預覽jQuery插件。當滑鼠移到圖檔連結上時,會在連結的旁邊出現一個類似于tooltip效果的圖檔展示框。

js 大量架構

imgPreview

js 大量架構

Jquery Fade In.Fade Out

js 大量架構

這是一個用于讓圖檔産生淡入淡出效果的jQuery插件。

js 大量架構

Jquery Fade In.Fade Out

js 大量架構

Captify

js 大量架構

這個jQuery插件能夠在圖檔上顯示标題資訊,當滑鼠放到圖檔上時滑動出現。

js 大量架構

Captify

js 大量架構

jParallax

js 大量架構

這是一個用于生成視差現象的jQuery插件。mParallax能夠産生的效果與jParallax一樣但采用Mootools架構開發。

js 大量架構
js 大量架構

jParallax

jQuery---運用圖檔預加載技術打造幻燈片

截圖:

js 大量架構
js 大量架構

一些示範:

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

js 大量架構

jQuery pageSlide 是一個jQuery插件,它可以控制一個隐藏頁面的顯示和關閉。具體來說,就是目前頁占一個完整頁面,隐藏頁是看不到的,你設定一個控制的地方,點選該控制時觸發事件,隐藏的頁面就彈出來。再次點選隐藏頁面以外的空間,它就又關閉。

這适合在有限的空間裡,在首頁裡放重要内容,而隐藏頁放一些并不一定要顯示,而是有需要的使用者才去展開顯示的内容。

Creating a Slick Auto-Playing Featured Content Slider

js 大量架構

Niall Doherty的 Coda Slider 為許許多多的設計師帶來了靈感. Chris Coyier 建立的這個Slick Auto-Playing Featured Content Slider 使用 Coda Slider插件 ,實作我們常說的”圖檔焦點特效”。多用于門戶站。

Portfolio Layout Idea Using jQuery

js 大量架構

非常漂亮的一個特效布局。由 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購物網站産品展示.

作者:[email protected](admin)

js 大量架構

程式介紹:

1,點選大圖可以彈出遮罩效果.

2,下方小圖可以左右滾動.

3,點選新視窗打開,可以打開目前的大圖檔.

4,遮罩層中小圖也可以左右滾動,也可以打開大圖檔.

在 IE6,IE7,Firefox3 & google 浏覽器下測試通過.

示範:

http://www.cssrain.cn/demo/jqueryProduct/demos.html

下載下傳:

http://www.cssrain.cn/demo/jqueryProduct/jqueryProduct.rar

Gallerific

js 大量架構

Galleriffic 是使用 Mike Alsup 的 jQuery Cycle plugin 建立的圖檔展示效果,包括縮略圖、圖檔标題和描述等詳細功能,是一個非常不錯的高品質畫廊相冊展示工具。

2,ZoomImage

js 大量架構

zoomimage ,以一種獨具魅力的方式展示圖檔效果。縮略圖連結在本頁彈出大圖,并且可以可以随意拖拽該懸浮圖檔。

3,EasySlider

js 大量架構

Easy Slider 可以實作圖檔或其他任意内容,在水準或垂直方向上的滑動效果,你還可以通過 CSS 自定義設定樣式。

4,The Slider from Barack Obama’s website

js 大量架構

一個源自美國總統 Barack Obama 網站的垂下滑動菜單控制的圖檔幻燈效果。

5,CodaSlider

js 大量架構

CodaSlider,又一個不錯的滑動控制效果。

6,jQuery Slider II

js 大量架構

jQuery Slider II 的布局非常符合操作習慣,在底部列出帶滾動條的縮略圖控制清單,然後在上面顯示對應圖檔的大圖浏覽,非常适合做進階相冊。

7,Beautiful Slider 熱點圖書:www.hotbook.cn

js 大量架構

Beautiful Slider, 光看這個效果圖你就知道這個插件有多棒了吧,是的,這個插件實作的效果已經不遜色于Flash完成的效果,整體表現流暢,文字顯示效果更是創意獨特。

8,LoopedSlider

js 大量架構

loopedSlider是又一個任意内容滾動切換的幻燈片插件,使用操作簡單。

9,SpaceGallery

js 大量架構

SpaceGallery是一個全新的jQuery插件,點選目前圖檔,會自動放大消失,同時後面的圖檔向前展示,有一種時光機器的感覺。

10,jQuery Popeye

js 大量架構

11,Noobslide 熱點圖書:www.hotbook.cn

js 大量架構

12,Accessible News Slider 熱點圖書:www.hotbook.cn

js 大量架構

13,SmoothGallery 熱點圖書:www.hotbook.cn

js 大量架構

SmoothGallery是一個最好的 Javascript 幻燈片效果之一,可以實作各種不同的幻燈片轉換效果。

14,jQuery Multimedia Portfolio

js 大量架構

jQuery Multimedia Portfolio是一個基于jQuery 的滑動效果插件,除了可以展示圖檔之外,還可以加入各種不同類型的多媒體檔案。

15,s3Slider

js 大量架構

s3Slider是一個非常簡單實用的流暢幻燈片效果,這個插件被應用在無數的WordPress專業主題模闆中。

via: 15 jQuery image carousels for slideshows and galleries 熱點圖書:www.hotbook.cn

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

js 大量架構

導航類熱點圖書:www.hotbook.cn

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

jQuery plugin: Treeview

js 大量架構

這個插件能夠把無序清單轉換成可展開與收縮的Tree。

js 大量架構

jQuery plugin: Treeview

js 大量架構

FastFind Menu Script

js 大量架構

可拖動的嵌套菜單窗體,基于動态"AJAX"響應。

js 大量架構

FastFind Menu Script

js 大量架構

iconDock

js 大量架構

iconDock一個基于jQuery開發的Fisheye menu。

js 大量架構

iconDock 熱點圖書:www.hotbook.cn

js 大量架構

jQuery UI Tabs

js 大量架構

jQuery UI Tabs:一個功能強大,易于使用的Tab控件。

js 大量架構

jQuery UI Tabs

js 大量架構

jstree

js 大量架構

jsTree是一個基于jQuery的Tree控件。支援XML,JSON,Html三種資料源。提供建立,重命名,移動,删除,拖"放節點操作。可以自己自定義建立,删除,嵌套,重命名,選擇節點的規則。在這些操作上可以添加多種監聽事件。

js 大量架構

jstree

 熱點圖書:www.hotbook.cn

js 大量架構

jQuery File Tree

js 大量架構

jQuery File Tree是一個可配置的Ajax檔案浏覽器jQuery插件。可以通過CSS定制外觀,指定檔案樹展開圖示,可以自己定義展開/收縮事件、速度,配置加載資訊等。 jQuery File Tree通過Ajax來擷取檔案資訊。

js 大量架構

jQuery File Tree

 熱點圖書:www.hotbook.cn

js 大量架構

Superfish

js 大量架構

jQuery菜單插件。支援水準/垂直方向。彈出子菜單不會被<SELECT>标簽擋住。

js 大量架構

Superfish

js 大量架構

accordion menu

js 大量架構

Accordion風格的jQuery菜單。

js 大量架構

accordion menu

js 大量架構

CSS Dock Menu

js 大量架構

采用jQuery+CSS實作,仿Mac Dock Menu的一個導航菜單。

js 大量架構

CSS Dock Menu

js 大量架構

CheckTree

js 大量架構

帶Checkbox的樹型jQuery插件。

js 大量架構

CheckTree

js 大量架構

idTabs

js 大量架構

idTabs是一個能夠建立簡單到複雜Tab控件的jQuery插件。支援動态添加和選擇Tab,idTabs能夠綁定到不同的事件如mouseover。

js 大量架構

idTabs

js 大量架構

jQuery Context Menu

js 大量架構

jQuery Context Menu是一個右鍵菜單插件。通過非常少的設定就能夠輕松實作右鍵菜單功能。

js 大量架構

jQuery Context Menu

js 大量架構

jQuery Right-click

js 大量架構

這個插件能夠讓你使用jQuery來捕獲由滑鼠右鍵觸發的事件。這些事件包括:click、mouseup、mousedown。

jQuery Right-click

js 大量架構

jQuery Multi Level CSS Menu

js 大量架構

這是一個多級水準CSS菜單,利用規則嵌套的HTML清單标簽建立。當子菜單靠近窗體右邊緣時,将自動調整展示方面。

js 大量架構

jQuery Multi Level CSS Menu

js 大量架構

ListNav

js 大量架構

ListNav是一個用于建立按字母順序分類導航的jQuery插件。

js 大量架構

ListNav

js 大量架構

Simpletip

js 大量架構

Simpletip是一個基于jQuery開發的Tooltips控件。Tooltips可以附在任意元素(标簽)之上。并定制展示方式與位置。tooltips可以是靜态,動态或通過Ajax加載。

js 大量架構

Simpletip

js 大量架構

Smooth Navigation Menu

js 大量架構

Smooth Navigation Menu是一個采用jQuery開發,基于CSS的多層級網站導航菜單。菜單項的内容既可以直接從目前頁面中擷取,也可以從一個外面檔案或通過Ajax擷取。

js 大量架構

Smooth Navigation Menu

js 大量架構

jdMenu

js 大量架構

jdMenu是用于建立水準/垂直分層下拉菜單的jQuery插件.支援通過Ajax加載菜單項,自定義動畫效果,易于定制外觀,支援相對(relative)與絕對(absolute) 定位等。

js 大量架構

jdMenu

js 大量架構

jqDock

js 大量架構

這是一個能夠将一組圖檔轉換成類似于Mac風格魚眼菜單(Dock Menu)的jQuery插件。菜單可以是水準方向或垂直方向。

js 大量架構

jqDock

  Animated Menu using jQuery

A technique for animating menu items when a user hovers over them. Source files, including the PSD file, are available to download.

js 大量架構

View Demo Page

 Garagedoor Effect using jQuery

Gaya Kessler presents a wonder JavaScript menu that mimics the real garage door using jQuery.

js 大量架構

View Demo Page

JGlide Menu

A very unique menu that floats on the page. Users can drag it to a position they desire.

js 大量架構

View Demo Page

 Vertical Sliding jQuery Menu

HVDesigns presents a menu that drops down and reveals more links.

js 大量架構

View Demo Page

LavaLamp

When you hover an item, you’ll see the CSS sliding door technique created using jQuery. An alternate version for MooTols can be here.

js 大量架構

11. Sliding JavaScript Menu Highlight

This sliding hover effect script is an easy technique for highlighting menu items.

js 大量架構

12. Fading Menu - Replacing Content

This technique allows you to fade in and fade out menu items.

js 大量架構

View Demo Page

13. Simple Multi-level Drop-Down Menu

A simple JavaScript drop down menu tutorial.

js 大量架構

14. Using jQuery for Background Image Animations

A technique for creating animated menus using jQuery and CSS background-position properties.

js 大量架構

View Demo Page

  1. Tabpanel - jerichotab

    效果圖:

    js 大量架構

    簡介:

    jerichoTab是一款模拟 firefox 标簽頁的插件, 通過豐富的API可以輕松的實作動态添加, 删除, 激活tab, 當tab頁過多時會在左右兩段增加滾動條...

    導航:

    詳細介紹 | 線上示範

熱點圖書:www.hotbook.cn

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

js 大量架構

驗證類熱點圖書:www.hotbook.cn

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

js 大量架構

jQuery plugin: Validation

js 大量架構

jQuery校驗插件。

js 大量架構

jQuery plugin: Validation

js 大量架構

Masked Input Plugin

js 大量架構

Masked Input這個jQuery插件讓使用者能夠按照預先設定好的固定格式輸入資料(如日期、電話号碼等)。

js 大量架構

Masked Input Plugin

js 大量架構

jQuery password strength meter

js 大量架構

用于檢測密碼強度的jQuery插件。

js 大量架構

jQuery password strength meter

js 大量架構

jVal

js 大量架構

jQuery表單校驗插件。

js 大量架構

jVal

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

js 大量架構

圖表類熱點圖書:www.hotbook.cn

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

js 大量架構

Flot

js 大量架構

Flot一個純javascript繪畫庫,基于jQuery開發。它能夠在用戶端根據任何資料集快速生成圖檔。目前隻能繪制線狀圖和柱狀。

js 大量架構

Flot

js 大量架構

jQchart

js 大量架構

基于Canvas+jQuery,可拖放/互動的簡單圖形控件。

js 大量架構

jQchart

js 大量架構

jquery.sparkline

js 大量架構

這是一個用于生成迷你型線狀圖的jQuery插件。

js 大量架構

jquery.sparkline

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

js 大量架構

Form相關類

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

js 大量架構

jNice

建立自定義外觀的Form元素,功能與正常的Form元素相似。

js 大量架構

jNice

js 大量架構

jQuery calculate

js 大量架構

jQuery計算插件,提供一些常用的數學計算功能比如:Sum、Average、Min、Max等。

js 大量架構
js 大量架構

jQuery calculate

js 大量架構

jQuery select box

js 大量架構

模仿HTML select box實作功能的一個下拉菜單。

js 大量架構

jQuery select box

js 大量架構

prettyCheckboxes

js 大量架構

一個簡單的jQuery插件用于定制checkboxe和radio按紐的外觀。

js 大量架構

prettyCheckboxes

js 大量架構

jGrow

js 大量架構

jGrow這個jQuery插件能夠讓textarea根據文本的長度自動調整它的大小。

js 大量架構

jGrow

js 大量架構

jQuery Form Plugin

js 大量架構

為表單(Form)提供全面Ajax支援,包括檔案上傳功能的jQuery插件。提供的方法/功能包括:ajaxForm、ajaxSubmit、 formToArray、formSerialize、fieldSerialize、fieldValue、clearForm、 clearFields、resetForm。這些方法能夠讓你輕松地管理Form中的資料和Form無重新整理送出。

jQuery Form Plugin

js 大量架構

mcDropdown jQuery Plug-in

js 大量架構

mcDropdown是一個獨特的UI控件,它能夠讓使用者在一個複雜分級的樹形下拉選項中進行選擇。

js 大量架構

mcDropdown jQuery Plug-in

js 大量架構

Create A Slider From A Select Box

js 大量架構

這是一個漂亮的jQuery插件能夠自動将select boxes轉換成一個sliders控件。

js 大量架構

Create A Slider From A Select Box

js 大量架構

TextArea Resizer

js 大量架構

這個jQuery插件提供Resizer bar可拖動調整TextArea大小。

js 大量架構

TextArea Resizer

js 大量架構

jQuery MultiSelect

js 大量架構

jQuery MultiSelect是一個可配置的jQuery插件。它将普通的清單框表單控件轉換成帶有CheckBox的下拉清單控件。

js 大量架構

jQuery MultiSelect

js 大量架構

Editable(jQuery Editable Plugin)

js 大量架構

這是一個真正可定制的jQuery editableplugin。目前它能夠将任意不可編輯的标簽(span、div、p...等)轉換成可編輯的textinput、password、 textarea、下拉清單(drop-downlist)等标簽。你可以利用它的editableFactory對象來擴充添加自己所需的input type。

js 大量架構

Editable(jQuery Editable Plugin)

js 大量架構

NicejForm

js 大量架構

NiceJForm 是一個擁有完美外形的表單,它是基于jquery庫的,NiceJForms實際上是個jquery插件,用來使表單看起來更為美觀。這不是最終版本,我知道可以通過多種途徑改良它的腳本,但是至少,這是一個可以使用的穩定版本。非常感謝Lucian Slatineanu釋出的NiceJForm,在他的blog中你可以獲得更多資訊。

在IE6,IE7,Firefox2.0中測試成功。

NicejForm

js 大量架構

jScrollPane

js 大量架構

jScrollPane這個jQuery插件可以讓你通過簡單的CSS設定就能夠替換所有分塊元素在浏覽器中預設的垂直滾動條樣式。

js 大量架構

jScrollPane

利用jQuery制作類似skype的按鈕效果.

  

  

示範:

http://www.cssrain.cn/demo/skypebuttons/SkypeButton.html

http://www.cssrain.cn/demo/skypebuttons/SkypeButton2.html

  1. jCheckbox:

    效果圖:

    js 大量架構

    簡介:

    jCheckbox用于模拟checkbox的效果, 友善開發人員自定義外觀, 由于所有的屬性都綁定到目标checkbox, 是以不必擔心狀态儲存或取值的問題...

    導航:

    詳細介紹 | 線上示範

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

js 大量架構

上傳類熱點圖書:www.hotbook.cn

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

js 大量架構

jqUploader

js 大量架構

結合Javascript與Flash開發,擁有上傳進度條的檔案上傳控件。

js 大量架構

jqUploader

js 大量架構

jQuery Multiple File Upload Plugin

js 大量架構

多檔案上傳插件(jQuery.MultiFile)能夠讓使用者一次性選擇多個要上傳的檔案。此外該插件還提供一些基本的校驗功能比如:檔案擴充名校驗。

js 大量架構

jQuery Multiple File Upload Plugin

js 大量架構

jQuery: Ajax file upload

js 大量架構

Ajax檔案上傳插件讓使用者能夠很友善地上傳多個檔案而無需重新整理頁面。此外,可以使用任何元素(圖檔,文字,按紐等)來觸發檔案選擇視窗。

js 大量架構

jQuery: Ajax file upload

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

js 大量架構

時間日期類熱點圖書:www.hotbook.cn

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

js 大量架構

jQuery UI Datepicker

js 大量架構

基于jQuery開發的日期選擇控件。

js 大量架構

jQuery UI Datepicker

js 大量架構

Date Picker

js 大量架構

Date Picker一個采用jQuery開發的日期選擇控件。支援同時顯示多個月份月曆,标記特殊日期,易于通過CSS定制外觀,自定義周的第一天,自定義月份和星期的顯示名稱。

js 大量架構

Date Picker

js 大量架構

Date Range Picker

js 大量架構

基于jQuery UI1.6與jQuery UI CSS架構開發的日期選擇控件。

js 大量架構

Date Range Picker

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

js 大量架構

圓角類熱點圖書:www.hotbook.cn

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

js 大量架構

jQuery Corner

js 大量架構

不需要圖檔就能夠建立各種圓角形狀的jQuery插件。

js 大量架構

jQuery Corner

js 大量架構

JQuery Curvy Corners

js 大量架構

用于建立圓角的jQuery插件。壓縮之後大小隻有9k。

js 大量架構

JQuery Curvy Corners

js 大量架構

jQuery Corner

js 大量架構

更多圓角效果的jQuery插件。

js 大量架構

jQuery Corner

js 大量架構

jQuery Corners

js 大量架構

這是一個用于建立漂亮圓角效果的jQuery插件。不需要用到圖檔或其它特殊的标簽。

js 大量架構

jQuery Corners

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

js 大量架構

評價類熱點圖書:www.hotbook.cn

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

js 大量架構

jQuery Ajax Rater Plugin

js 大量架構

能夠動态建立Ajax Rater的jQuery插件。

js 大量架構

jQuery Ajax Rater Plugin

js 大量架構

Star Rating widget

js 大量架構

采用jQuery架構開發的評價控件。

js 大量架構

Star Rating widget

js 大量架構

jQuery Star Rating Plugin

js 大量架構

Star Rating Plugin是一個基于一組radio input boxes實作的星形評價控件。

js 大量架構

jQuery Star Rating Plugin

js 大量架構

Ajax Poll

js 大量架構

利用jQuery的Ajax和動畫效果并給合PHP開發的投票系統。

js 大量架構

Ajax Poll

jQuery 投票調查元件

主要功能:

測試答題框

可作心理測試等測試題使用

問題和選項通過questions.xml設定

顯示目前得分

顯示目前答題進度

可作翻看選過的選項

通過不同的得分調取不同結果内容

js 大量架構

DEMO 位址 靜态版本

DEMO 位址 XML 版本

檔案打包下載下傳

下面是裝載XML 版本的代碼 完整的代碼請 打包下載下傳

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

js 大量架構

虛拟鍵盤類

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

在進行一些高安全性 Web 設計時,為了使用者輸入表單資訊的安全,往往不希望使用者直接通過實體滑鼠進行操作,而是提供額外的 Web 虛拟滑鼠來幫助使用者完全某些隐私表單内容的輸入,是以,就用到了本文提及的3個 JavaScript 安全虛拟鍵盤插件。

js 大量架構

自定義 jQuery 虛拟小鍵盤插件 plugin

jQuery 小鍵盤 是一個用于建立安全表單輸入的插件工具,提供友好的鍵盤界面接口。使得可以僅允許使用者輸入數字、字母等限制性操作。

js 大量架構

jQuery 虛拟鍵盤

一個建立 jQuery 虛拟鍵盤 的學習向導,教你一步一步地建立自己的jQuery 虛拟鍵盤,而且必須得 JavaScript 腳本可以免費下載下傳。安全性高的 Web 虛拟鍵盤在金融類網站的和要求高安全性的表單操作中應用非常廣泛。是以,學會如何編寫一個優秀的Web 安全虛拟鍵盤非常有用。

js 大量架構

Virtual keyboard 虛拟鍵盤

虛拟鍵盤被廣泛應用在極進階别的網站開發中,包括線上銀行類網站應用等。Virtual keyboards 能幫助我們防止鍵盤操作記錄,阻止使用者進行某些特殊按鍵的限制操作, virtual keyboard 使用簡單,支援多種語言。

js 大量架構

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

js 大量架構

其它類熱點圖書:www.hotbook.cn

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

js 大量架構

jquery-aop

為 JavaScript增加面向方面程式設計特性的jQuery插件。它能給任何函數添加Advices(Before、<>與Around)。

jquery-aop

js 大量架構

xmlObjectifier

js 大量架構

基于jQuery開發,能夠把XML DOM轉換成 JSON的JavaScript library。

xmlObjectifier

js 大量架構

JQuery Portlets

js 大量架構

這個jQuery插件提供一些Portlets功能包括:drag/drop,expand,collapse等。

js 大量架構

JQuery Portlets

js 大量架構

EasyDrag jQuery Plugin

js 大量架構

這個jQuery Plugin能夠為大部DOM元素添加拖放功能。

js 大量架構

EasyDrag jQuery Plugin

  1. Drag and Drop:

    效果圖:

    js 大量架構

    簡介:

    dragndrop為開發人員實作dom拖拽提供了更簡單的方法, 并可以監視對象dom的位置以便進行資料(position)存儲...

    導航:

    詳細介紹 | 線上示範

  1. Resizable:

    效果圖:

    js 大量架構

    簡介:

    resizable插件使html dom resize更易于實作(這句話真别扭)...

    導航:

    詳細介紹 | 線上示範

js 大量架構

jFeed

js 大量架構

jFeed是一個基于jQuery開發的RSS/ATOM Feed解析器。 jFeed能夠解析RSS0.91、0.92、1.0、2.0和Atom1.0 Feeds。

jFeed

js 大量架構

jQuery.UI ProgressBar Widget

js 大量架構

采用jQuery開發的進度條控件。

js 大量架構

jQuery.UI ProgressBar Widget

js 大量架構

JQuery Progress Bar

js 大量架構

基于jQuery開發的進度條控件。在其網站上提供一個可以顯示檔案上傳進度的例子,伺服器端采用PHP處理。

js 大量架構

JQuery Progress Bar

jQuery Form Plugin

js 大量架構

jTemplates

js 大量架構

基于jQuery開發的javascript模闆引擎。

jTemplates

js 大量架構

Animated Collapsible DIV

js 大量架構

為任何DIV層添加Web2.0風格的動畫隐藏/顯示效果。

js 大量架構

Animated Collapsible DIV

js 大量架構

Simple Effects Plugins

js 大量架構

jQuery特效插件,可以實作收縮,隐藏,顯示,淡入/淡出和上下滑動效果等.

js 大量架構

Simple Effects Plugins

js 大量架構

jQuery.Hotkeys plugin

js 大量架構

這個jQuery插件能夠幫助你快速建立鍵盤觸發事件。支援任意組合鍵。

js 大量架構
js 大量架構

jQuery.Hotkeys plugin

js 大量架構

jMP3

js 大量架構

jMP3是一個采用jQuery開發的JavaScript MP3插放器,提供一種可以在頁面上直接播放MP3的簡便方式。

js 大量架構

jMP3

js 大量架構

Pure

js 大量架構

Pure是一個基于jQuery開發,能夠動态生成HTML的JavaScript模闆引擎。支援JSON資料。

Pure

<>

js 大量架構

Chain.js是一個提供資料綁定功能的jQuery插件。用于自動生成Web内容,有利于資料與表現相分離。

js 大量架構

Chain.js

js 大量架構

ppDrag

js 大量架構

ppDrag是一個讓頁面元素擁有拖移(Drag&Drop)效果的jQuery插件。

js 大量架構

ppDrag

js 大量架構

jqDnR

js 大量架構

jqDnR一個輕量級jQuery插件能夠讓你拖拽任何元素、調整元素大小。

js 大量架構

jqDnR

js 大量架構

Scroll Follow

js 大量架構

Scroll Follow是一個簡單的jQuery插件。當滾動頁面時,能夠讓DOM對象産生浮動跟随效果。

js 大量架構

Scroll Follow

js 大量架構

jQuery Taconite Plugin

js 大量架構

這個jQuery插件能夠利用單個Ajax調用結果同時更新多個DOM對象。

jQuery Taconite Plugin

js 大量架構

jQuery URL Parser

js 大量架構

用于解析URLs字元串的jQuery插件。友善你擷取協定,主機,端口,查詢參數,檔案名,路徑等。

js 大量架構

jQuery URL Parser

js 大量架構

jQuery.xml2json

js 大量架構

jQuery.xml2json是一個能夠将簡單的XML轉換成JSON對象的jQuery插件。

jQuery.xml2json

js 大量架構

Ajaxify

js 大量架構

Ajaxify這個jQuery插件能夠将一個頁面中的所有連結轉換成Ajax加載和送出請求。

js 大量架構

Ajaxify

 熱點圖書:www.hotbook.cn

jQuery Address - Deep linking plugin。

從 CssRain.cn 作者:[email protected](admin)

類似于瞄點技術( url#address ),使得浏覽器的後退按鈕生效。在Ajax應用中,可以使用。

示範:

http://www.asual.com/jquery/address/samples/tabs/

http://www.asual.com/jquery/address/samples/api/

下載下傳:

http://www.asual.com/jquery/address/

 熱點圖書:www.hotbook.cn

quickSearch

quickSearch,顧名思義是一個jQuery驅動的快速搜尋插件,Ajax顯示搜尋結果。

quickSearch | Demo

繼續閱讀