圖片幻燈插件-有你全部想要的前端插件

第101款插件：floatingAd.js 漂浮廣告

 4周前 (03-11)  213瀏覽

一：插件簡介 近期，作到一個項目，用到了圖片浮動，並且還帶着關閉按鈕。按理說，這個用JS挺好作。但既然對jquery如此鍾愛，因此臨時百度了一下，找到了一款好用的插件。 這款插件的名稱就是floatingAd.js，下載時它用到的是jquery1....

第100款插件：multiupload.js在html5下上傳多圖片插件

 1年前 (2015-01-17)  1816瀏覽

一：插件簡介 上傳多圖片，其實在PHP中是很是複雜的一個部分。不少時候，咱們都不注重這一方面，但研究好它對於咱們提升知識，是很是必要的！對於我的而言，學習PHP有這麼多年了，對這方面仍是隻知其一;不知其二的。 然而，咱們有通常有以下幾個...

第98款插件：jqthumb.js縮略圖插件-讓縮略圖正常顯示而不變形

 2年前 (2014-08-30)  5460瀏覽

1、插件介紹 項目中有圖片的時候，有的寬大於高，有的寬小於高，尤爲在作圖片列表的時候，常常發現縮略圖會有變形的。咱們怎樣來解決這一問題呢。 方法一：用photoshop來處理縮略圖。小的項目還能夠，大的項目，這樣作不免會累的半死； ...

第97款插件：jquery.ipicture.js在地圖上作標記並能夠用圖文及連接展現

 2年前 (2014-08-28)  2689瀏覽

1、插件介紹 昨天朋友給我打了一個電話，說是想要在一個圖片的地圖上作標記。我一下想到了這一個插件，本人之前是碰到過這個插件，可是以爲也沒什麼用處，因而也沒有收錄。後來好好想想，其實它的用下蠻大的。我想了一下有如下幾個用處： 一、給企...

第96款插件：jquery-fullpage-js製做頁全屏滾動插件

 2年前 (2014-08-25)  4092瀏覽

1、插件介紹 現在咱們常常能見到全屏網站，尤爲是國外網站。這些網站用幾幅很大的圖片或色塊作背景，再添加一些簡單的內容，顯得格外的高端大氣上檔次。好比 iPhone 5C 的介紹頁面，QQ瀏覽器的官網站。若是你也但願你的網站能設計成全屏的，顯...

第95款插件：wodry.js是一個簡單的文本翻轉/文本旋轉插件

 2年前 (2014-08-24)  1176瀏覽

1、插件介紹 Wodry.js 是一個簡單的文本翻轉/文本旋轉jQuery插件。 Wodry.js有一些參數設置，容許你設置動畫，如文本翻轉和文本旋轉，能夠設置本身的回調內容翻轉等。 2、插件圖片示例 ...

第88款插件：layer.js 賢心製做的彈出層插件-不只僅是彈層

 2年前 (2014-06-22)  2606瀏覽

1、插件介紹 layer遵循於LGPL開源協議，她是一枚可讓你想到便可作到的web彈窗/層js組件。layer側重於用戶靈活的自定義，爲不一樣人的使用習慣提供全方位設計，您的頁面會所以擁有更豐富、友好的操做體驗，而您只需在調...

第83款插件（二）：jquery.quickflip.js帶參數效果

 2年前 (2014-06-01)  1395瀏覽

1、功能描述 詳情請學習《第83款插件（一）：jquery.quickflip.js製做翻轉翻牌特效插件最簡使用》。 這裏面咱們將用到全部的quickflip.js的插件來製做一個DEMO，用於展現各類效果。 二...

第83款插件（一）：jquery.quickflip.js製做翻轉翻牌特效插件

 2年前 (2014-05-29)  7683瀏覽

1、插件介紹 Jquery.quickflip.js是一款很是經典的翻轉翻牌的特效插件，它能夠在有效的DIV上展現更多的內容。當咱們用鼠標單擊，或者用鼠標滑過期，也能夠水平翻轉、垂直翻轉，還能夠像翻牌同樣來切換內容。固然，若是你水平...

第80款插件(一)：jquery.PicSlide.js製做帶有縮略圖TAB箭頭標籤幻燈片和最簡教程

 2年前 (2014-04-14)  1635瀏覽

1、插件介紹 幻燈片切換的時候，每每形式多種多樣，鼠標移上去顯示大圖，並且顯示圖片的介紹，這是一款很是好的插件。如圖： 2、插件做者及下載 插件做者及官網：很抱歉沒有在各方面的資料中找到這款插件的介紹。 插件下載...

第79款插件(一)：jquery.imagezoom.js製做鼠標懸停圖片放大鏡特效、參數和最簡教程

 2年前 (2014-04-13)  6402瀏覽

整理做者：楊紅偉  網名：子彈兄   QQ：403236160   如發現本站有任何功能上的問題，請聯繫做者，謝謝！ 1、插件介紹 今天在用到放大鏡效果的時候，忽然發現網站裏沒有放大鏡的插件。因而總結了一...

第78款插件(三)：jquery.masonry.js實現瀑布流鼠標移上去有「踩「和」收藏「

 2年前 (2014-04-13)  1774瀏覽

整理做者：楊紅偉  網名：子彈兄   QQ：403236160   如發現本站有任何功能上的問題，請聯繫做者，謝謝！ 1、序言 每每在項目上作的，須要在簡單的基礎上進行深加工！咱們來看一下這一章《第78款插件...

第78款插件(二)：jquery.masonry.js實現瀑布流最簡使用教程

 2年前 (2014-04-13)  992瀏覽

整理做者：楊紅偉  網名：子彈兄   QQ：403236160   如發現本站有任何功能上的問題，請聯繫做者，謝謝！ 1、序言 咱們在《第78款插件(一)：jquery.masonry.js實現瀑布流及參...

第78款插件(一)：jquery.masonry.js實現瀑布流及參數設置和官方案例

 2年前 (2014-04-13)  2456瀏覽

整理做者：楊紅偉  網名：子彈兄   QQ：403236160   如發現本站有任何功能上的問題，請聯繫做者，謝謝！ 1、插件介紹 jQuery Masonry是一個構建瀑布流佈局的一個jQuery插件，...

第75款插件：jquery.SuperSlide.js只須要調用一個插件就能實現網頁大部分特效

 2年前 (2014-03-05)  4233瀏覽

1、插件介紹 原本想在這篇文章，大篇幅的描述一下這個插件，看到做者官方寫的這個文檔，頓時無語了，做者寫的太詳細了。我這裏只把他的DEMO的官網介紹一下就OK了。有時間好好研究一下這個插件吧。內容太多了，慢慢研究吧。向「大話主席」寫的...

第73款插件：jquery.nivo.slider.js製做切換特效帶有標題幻燈片

 2年前 (2014-02-28)  4062瀏覽

1、插件介紹 老楊我早就看過這個插件，只不過一直沒有時間研究。今天完全研究了一番，看了國內外關於這些方面的說法。總結以下： jquery.nivo.slider.js是由團隊dev7studios工做室開發，該工做室以製做WordPr...

第72款插件：jquery-powerFloat.js萬能浮動層下拉層插件

 2年前 (2014-02-09)  3107瀏覽

1、插件介紹 注意，插件名爲jquery-powerFloat.js。不是jquery.powerFloat.js。做者說：在使用combo合併腳本的時候會出問題，因而，如今使用」-」鏈接名稱了。 powerFloat顧名思意就是「強大的浮動」。使用...

第62款插件：jquery.imgTxtCut.js製做圖片與文字切換特效

 2年前 (2014-02-05)  1053瀏覽

描述：有時候咱們想讓鼠標移到圖片上顯示所有的整張圖上面的文字效果，這款插件能夠圓咱們一個夢想，很乾淨，很實用！ 圖片： 兼容瀏覽器：IE6+/Firefox/Google Chrome 官方連接：暫無JS下載：http://www.ijquery....

第61款插件：jquery.floatDiv.js讓你的DIV固定在頁面上

 2年前 (2014-02-05)  2624瀏覽

1、插件介紹 在咱們日常瀏覽網站的時候，咱們會發現一些大型網站的導航無論頁面多長，滾動條怎麼移動它都會保持在原來的位置上。高端的設計師都會使用這種效果，由於它能夠增長網站的用戶體驗。一些網站利用這種特效作了固定分享功能和聯繫方式功能等等...

第60款插件：jquery.lazyload.js圖片延遲加載

 2年前 (2014-02-05)  14424瀏覽

1、插件介紹 jquery.lazyload.js 是一個用 JavaScript 編寫的jQuery 插件. 它能夠延遲加載長頁面中的圖片. 在瀏覽器可視區域外的圖片不會被載入, 直到用戶將頁面滾動到它們所在的位置.這與圖片預加載的處理方...

第47款插件：jquery.banner.js用JQuery來製做Flash或者GIF效果的廣告過渡

 2年前 (2014-02-05)  1235瀏覽

描述：jquery廣告橫幅插件製做相似flash或者gif動畫廣告能夠自定義橫幅通欄大小。 圖片展現： 兼容瀏覽器：IE6+/Firefox/Google Chrome 官方連接：無 JS下載：http://www.ijquery.cn/js/jq...

第45款插件：waterfall.js瀑布流佈局單排圖片自動滾動

 2年前 (2014-02-05)  1534瀏覽

描述：jquery仿堆糖網瀑布流圖片佈局，設置單排圖片上下對齊圖片自動上下交替滾動效果。單排圖片按左右順序上下圖片自動滾動。 圖片展現： 兼容瀏覽器：IE6+/Firefox/Google Chrome 官方連接：無 JS下載：http://www...

第40款插件2：jquery.qrcode.js生成二維條形碼(經修改支持中文)

 2年前 (2014-02-05)  3417瀏覽

首先感謝 suflow 的這篇博客 http://suflow.iteye.com/blog/1687396 描述：jquery.qrcode.js 是一個可以在客戶端生成矩陣二維碼QRCode 的jquery插件 ，使用它能夠很方便的在頁面上生成二...

第40款插件1：jquery.qrcode.js生成二維條形碼(官方不支持中文)

 2年前 (2014-02-05)  2060瀏覽

支持中文的在下一講：《第40款插件2：jquery.qrcode.js生成二維條形碼(經修改支持中文)》 描述：jquery.qrcode.js 是一個可以在客戶端生成矩陣二維碼QRCode 的jquery插件 ，使用它能夠很方便的在頁面上生成二維條...

第39款插件：jquery.flexslider.js帶左右箭頭且帶按鈕可滾動的圖片插件

 2年前 (2014-02-05)  10675瀏覽

1、插件介紹 FlexSlider是一個很是出色的jQuery滑動切換插件，它支持全部主流瀏覽器，並有淡入淡出效果。FlexSlider對於網站開發者來講是一個不錯測JQUERY特效，由於支持全瀏覽器深受中國網站前端開發者的喜好！ 二...

第38款插件：turn.js實現翻書效果

 2年前 (2014-02-05)  2667瀏覽

描述：Turn.js 是一個輕量級的 (15kb) jQuery/html5 插件用來建立相似書本和雜誌翻頁效果，支持觸摸屏設備。 Turn.js 支持硬件加速來讓翻頁效果更加平滑。 可經過 API 來獲取當前顯示的頁號，並提供選項來定製默認頁號、加...

第36款插件：jquery.KinSlideshow-1.2.1.min.js自定義切換參數效果

 2年前 (2014-02-05)  7041瀏覽

描述：jquery.KinSlideshow-1.2.1.min.js自定義切換參數效果，兼容IE6/IE7 /IE8/IE9,FireFox,Chrome*,Opera的jQuery. KinSlideshow幻燈片插件，功能不少，有三種不一樣的...

第35款插件：jquery.lightbox.js經典的彈出層插件(參數說明已經翻譯成中文)

 2年前 (2014-02-05)  2048瀏覽

描述：jquery.lightbox-0.5.jsLightbox 應該是最流行的圖片瀏覽效果了，常具備功能包括：自動根據窗口的大小縮放圖片，模式窗口，幻燈片方式播放，內容預加載，漸變等效果。Web開發者們模仿 Lightbox 開發了各類各樣的圖片...

第34款插件：jquery.slider.js能夠有暫停等多種功能的圖片輪播

 2年前 (2014-02-05)  2112瀏覽

描述：jquery.slider.js能夠有暫停等多種功能的圖片輪播，也有多種漸變效果，很是漂亮！若是你用多了，必定會愛上它的！建議讀者們必定要好好看看它的參數說明！ 圖片展現： 官方網址：暫無！ 兼容瀏覽器：IE6+/Fire...

第33款插件：jcSlider.js圖片下邊有小按鈕的輪換圖片

 2年前 (2014-02-05)  1296瀏覽

描述：jcSlider.js能夠製做圖片下邊有小按鈕的輪換圖片，並且也有不少參數，對於有小按鈕的圖片輪換，是很是不錯的，支持自動播放，左右圖片按鈕是否顯示，總之是很是好的！ 預覽： http://www.ijquery.cn/demo/jcSlide...

第32款插件：zoomer.js鼠標通過圖像放大的特效

 2年前 (2014-02-05)  1688瀏覽

描述：zoomer.js是一款基於Jquery的仿照flash放大圖片效果代碼 圖片展現： 官方網址：暫無 兼容瀏覽器：IE6+/Firefox/Chrome JS下載：http://www.ijquery.cn/js/zoomer/zoomer....

第30款插件：captify.tiny.js 只需三步便可實現鼠標滑到圖片上顯示文字

 2年前 (2014-02-05)  1059瀏覽

描述：captify.tiny.js鼠標滑到圖片上顯示文字，並且也支持不少效果。請用參數就能夠看到！ 圖片展現： 兼容瀏覽器：IE6+/Firefox/Google Chrome 官方連接：http://iwantaneff.in/repo/plu...

第29款插件：jquery.pngFix.js對IE6的PNG圖片處理插件

 2年前 (2014-02-05)  1956瀏覽

描述：jquery.pngFix.js 基於jQuery爲核心的，兼容IE5.5及以上版本瀏覽器的PNG透明插件，細心的朋友會發現，在IE5.5與IE6.0中，PNG會顯示灰色的背景， 而不是透明的背景，有些人誤認爲是PNG圖像的問題，在圖像軟件...

第26款插件：jcarousellite.js 基於Jquery的無縫「垂直滾動」圖片插件

 2年前 (2014-02-05)  1174瀏覽

描述：jcarousellite.js 是一款基於Jquery的無縫「垂直滾動」圖片插件，能夠水平，也能夠縱向，在這裏講一下「垂直方向」的方法，在上一篇說說的是水平方向。 須要說明一下：垂直和水平的區別在於： 1.CSS的寬度不一樣 2.參數多了一個v...

第26款插件：jcarousellite.js 基於Jquery的無縫「水平滾動」圖片插件

 2年前 (2014-02-05)  3273瀏覽

一：插件介紹 描述：jcarousellite.js 是一款基於Jquery的無縫「水平滾動」圖片插件，能夠水平，也能夠縱向，在這裏先講一下「水平方向」的方法。 圖片展現： 注意：這個必須用到jquery-1.4.2.min...

第20款插件：zoomi.js 圖片綻開特效插件(單擊圖片變大再單擊回到原形的使用方法)

 2年前 (2014-02-05)  851瀏覽

描述：當「鼠標放置在圖片上時」或「者單擊圖片時」自動顯示擴大的圖片，使用其基本功能時不須要任何額外的javascript代碼。 這篇教程指的是單擊圖片放大，再單擊又回到原型的使用方法！ 兼容瀏覽器：IE6-9/Firefox/Google Chrom...

第20款插件：zoomi.js 圖片綻開特效插件(連續幾張圖片的使用方法)

 2年前 (2014-02-05)  868瀏覽

描述：當「鼠標放置在圖片上時」或「者單擊圖片時」自動顯示擴大的圖片，使用其基本功能時不須要任何額外的javascript代碼。 這篇教程指的是連續幾張圖片的使用方法！ 兼容瀏覽器：IE6-9/Firefox/Google Chrome 官方連接： h...

第20款插件：zoomi.js 圖片綻開特效插件(只有一個大圖的使用方法)

 2年前 (2014-02-05)  649瀏覽

描述：當「鼠標放置在圖片上時」或「者單擊圖片時」自動顯示擴大的圖片，使用其基本功能時不須要任何額外的javascript代碼。 這篇教程指的是隻有一個大圖的使用方法！ 兼容瀏覽器：IE6-9/Firefox/Google Chrome 官方連接： h...

第17款插件：supersized.js 在瀏覽器中全屏顯示圖片插件

 2年前 (2014-02-05)  1682瀏覽

描述：Supersized 是一款功能強大的圖片切換插件，支持等比例縮放圖片填充成全屏效果，支持滑動和淡入淡出等多種動畫切換效果。 兼容瀏覽器：IE6-9/Firefox/Google chrome 官方連接：http://buildinternet...

第16款插件：spacegallery.js從遠而近的縮放效果插件

 2年前 (2014-02-04)  804瀏覽

描述：從遠而近的縮放效果插件 兼容瀏覽器：IE6/IE7/IE8/IE9/Firefox/Google chrome 官方連接： http://www.eyecon.ro/spacegallery/ JS下載： http://www.ijquery....

第15款插件：piroBox.js圖片櫥窗效果插件

 2年前 (2014-02-04)  1543瀏覽

描述：採用jQuery開發的Lightbox控件。可以根據瀏覽器窗體大小自動調整展現圖片大小。提供向前/向後控制連接。動態加載圖片效果。易於定製。 兼容瀏覽器：IE全部瀏覽器/Firefox/Google Chrome 官方連接： http://ww...

第10款插件：jquery.jqzoom.js放大鏡效果插件

 2年前 (2014-02-04)  2199瀏覽

描述：將鼠標放置在圖片的某一點上時能夠在右側單獨顯示此點附近放大的圖像，用於須要局部放大功能的場合。 兼容瀏覽器：IE全部瀏覽器/Firefox/Google Chrome 官方連接： http://www.mind-projects.it/proj...