DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> jQuery插件集合:幫助你打造不同的網頁特效
jQuery插件集合:幫助你打造不同的網頁特效
編輯:關於JavaScript     

jQuery的是一個多浏覽器的Javascript集合,以輕松地簡化了客戶端腳本的HTML。jQuery的格式設計幫助你獲得一個文件,選擇DOM元素,動畫,處理事件,並開發Ajax程序設計人員能夠根據需要創建一些高級別的jquery插件。使用這些插件方法可以創建高效強大的網頁和Web程序。

保持學習最新的jQuery插件有時似乎是一個完整的工作。每隔一天,我們似乎可以發現一些新的東西,尖端的東西,有時我們發現的東西,是真正的創新和必要的對於我們的工作來說。下面是從2012年開始的新的和令人興奮的>jQuery插件一個集合,這些集合能夠幫助你打造不同的特效。

STACKSLIDER:一個有趣的三維圖像滑塊

StackSlider是一個高度實驗性的jQuery圖像滑塊插件,探索不同的,有趣的視覺概念的縮略圖,利用CSS 3D變換和透視

在線演示 下載源碼

jQuery Stickem

這個jQuery插件能夠讓內容一直置頂浮動在當前可視頁面內。可用於實現一個浮動的DIV。可以創建側邊滾動固定效果

在線演示 下載源碼

Jquery Toggles

toggles是一個輕量級的jQuery插件,能夠創建創建容易設定樣式的切換按鈕。

在線演示 下載源碼

CALENDARIO:一個靈活的日歷插件

今天與大家分享的是一個帶彈性效果的日歷插件。考慮到日歷布局的特殊性,要做成響應式還是有些復雜的。今天的實驗是嘗試把網格式布局應用在日歷上面。我們 做了一個 jQuery 日歷插件並制作了演示文件。插件的目的是針對大尺寸和小尺寸的屏幕做出適合的布局,並且當尺寸變化時,日歷的結構可以流動。在大屏幕上,我們希望顯示出格 子式的布局,而在小屏幕上,簡單地讓每一天順序排列。

在線演示 下載源碼

DD Slick帶圖片的jquery下拉框插件

一個免費的,重量輕的jQuery插件,它允許你創建一個自定義下拉列表中的圖像和說明。你是否厭倦了 HTML 中默認的下拉選擇框呢,ddSlick 是一個輕量級的 jQuery 插件,它可以生成帶圖片的自定義下拉選擇框,可以極大的提升網站的用戶體驗。當然了,它不僅僅可以為選擇框增加圖片,還可以增加一些簡單的文字描述。ddSlick 使用 JSON 格式的數據作為數據源,它也提供了多個參數,讓你能夠更加自由的控制自己的選擇框

在線演示 下載源碼

iOS Slider

iosSlider iosSlider是一個可定制的、跨浏覽器幻燈片jQuery插件。設計用於作為內容滑塊、旋轉木馬、滾動網站旗幟,或者圖片庫。其效果類似於ios的橫向滾屏效果

在線演示 下載源碼

ADAPTIVE THUMBNAIL PILE EFFECT WITH AUTOMATIC GROUPING

在線演示 下載源碼

 

JQuery Box Slider

這是一個實現3D效果的滑動插件,能夠實現選擇效果。3D滾動,水平垂直的3D滾動; ;淡入淡出等效果,值得推薦

在線演示 下載源碼

Floater jQuery Plugin

在線演示 下載源碼

jQuery Pictures

jQuery的圖片是一個很小的(2kb)插件支持響應圖像添加到您的布局。它同時支持一些自定義的數據屬性和新圖片格式的圖形元素。

在線演示 下載源碼

DOWN LISTS-簡單的效果下拉列表

一個jQuery插件下拉列表中選擇輸入轉化成一些簡單的擴大效果。

在線演示 下載源碼

Big Video JS Plugin

這個插件可以很容易地添加合適的填充背景的視頻網站。它可以播放無聲的環境背景視頻的視頻(或一系列)。使用它作為一個播放器,視頻播放顯示。BigVideo.js也可以顯示大背景圖片,這是很好的大背景下沒有自動播放的設備環境視頻圖像。

在線演示 下載源碼

BOOKBLOCK: A CONTENT FLIP PLUGIN

BookBlock 是一個 jQuery 插件,用來制作帶有翻頁效果的小書冊。可以用任何形式的內容,比如圖像或文本。插件會在翻頁時利用變形模擬手工翻頁,並產生重疊的陰影以達到更逼真的效果。

在線演示 下載源碼

ANIMATED RESPONSIVE IMAGE GRID

這是一個優秀的 jQuery 插件,可以用來生成響應式的圖像網格,並采用不同的動畫和計時方式對圖像進行切換。它可以用作網站的背景或是裝飾元素,我們可以隨機地展現不同的圖像並進行變換。

在線演示 下載源碼

Avgrund Modal

Avgrund是一個jQuery插件,用於創建模態框和彈出窗口。它使用彈出窗口和頁面之間的有趣的概念深入。它可以運行在所有浏覽器,並兼容那些不支​​持CSS過渡和轉換(如IE 6-9標准行為)。

在線演示 下載源碼

WINDY:快速切換內容的jquery插件

Windy 是一個 jQuery 插件,它利用 CSS 的 3D transforms 和 transitions (變形和變換)功能,使疊放的內容產生快速切換的效果。正如它的名稱的含義,切換時的效果就像撲克牌或是紙張被風吹散一樣。

在線演示 下載源碼

Freetile jQuery

Freetile是jQuery的一個插件,使網頁內容的組織在一個高效,動態和響應的布局。它可以應用到一個容器元素,使得屏幕空間的最佳使用

在線演示 下載源碼

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved