jQuery實現的一款類似PPT的演講稿幻燈片插件,仿PPT幻燈片網頁特效,它可以通過鍵盤上下左右方向鍵來控制,并且左上角帶有菜單按鈕,通過菜單項可以選擇相應的幻燈片頁面。文章來自陌佑網www.zjw13.xyz轉載請注明出處,謝謝!!!
jQuery支持拖拽圖片上傳的圖片批量上傳插件,一款非常實用的可預覽的jQuery多圖上傳代碼。文章來自陌佑網www.zjw13.xyz轉載請注明出處,并保留本鏈接,謝謝!
這是一款簡潔實用的jQuery+PHP頭像圖片上傳預覽插件,支持單圖上傳預覽,多圖上傳預覽代碼,還可以對已經上傳的圖片進行編輯和刪除。文章來自陌佑網www.zjw13.xyz轉載請保留本鏈接,謝謝!
這是一款視頻網站在播放視頻時設置背景關燈和開燈效果的jQuery點擊開關按鈕視頻網站背景開燈關燈代碼。文章來自陌佑網www.zjw13.xyz轉載請注明出處,謝謝!!!
jQuery評論框插入表情圖片代碼,一款簡單實用的點擊圖標彈出QQ表情包選擇插入表情到評論輸入框代碼。文章來自陌佑網www.zjw13.xyz轉載請注明出處,謝謝!!!
兼容性非常好,經測試,多種手機瀏覽器終端,幻燈片圖片都是按照等比例縮放,包括pad等平板電腦,pc客戶端 使用方法: 1、在head中引入css樣式以及jQuery庫、jquery.flexslider插件 2、將body中的代碼部分拷貝到你需要的地方 3、底部增加一段調用插件的js即可文章來自陌佑網www.zjw13.xyz轉載請注明出處,并保留本鏈接,謝謝!
支持始終保持全屏效果,缺點是調用js較多 使用方法: 1、將頁面中head 部分,以及body部分引入到你的網頁中即可文章來自陌佑網www.zjw13.xyz轉載請注明出處,謝謝!!!
我們在用百度圖片模式搜索圖片的時候,經常看到這樣的一個效果:寬度高度總體一定,但是內部的圖片寬度是隨機排列的 今天給大家介紹的這款插件jquery.row-grid.js 就實現了這樣的效果,不過在使用前,得先把圖片高度在css里設置統一 使用方法: 1、將附加中的css樣式復制到你的網頁中 2、將body中的代碼復制到你需要的地方 3、在網頁底部調用jQuery庫以及本插件(有壓縮版)以及部分調...
這是從國外網站看到的一個左右全屏幻燈片切換效果插件,切換按鈕處于中底部 默認左右切換箭頭處于隱藏狀態,當鼠標懸停后才會顯示 缺點是:調用js較多,比較繁雜文章來自陌佑網www.zjw13.xyz轉載請注明出處,謝謝!!!
原理:當鼠標懸停后圖片的高度、寬度各自增加20像素大小,然后用相對定位絕對定位,相當于將圖片控制向外擴散10px大小 然后使用jQuery的animate屬性實現動畫效果即可 鼠標懸停后圖片變大,離開后圖片恢復至原來像素大小文章來自陌佑網www.zjw13.xyz轉載請注明出處,謝謝!!!
非常簡潔實用的jQuery全屏上下切換的圖片效果,始終保持全屏效果 本效果主要采用jquery.mousewheel插件,基于jQuery庫的基礎之上 特點:代碼簡潔、易用 使用方法: 1、在你的網頁head中引入lanrenzhijia.css樣式以及jQuery庫 2、將body中的代碼部分拷貝到你的網頁中即可,注意保持路徑的正確性文章來自陌佑網www.zjw13.xyz轉載請保留本鏈接,謝謝...
特點:鼠標懸停在圖片區域后,滑動鼠標滾輪,圖片會整屏切換 缺點:調用js較多 使用方法: 1、在你的網頁中引入lanrenzhijia.css樣式 2、將代碼部分拷貝到你的網頁之中 注意事項: 1、列表li之間的距離,不能用margin。 因為滾動的距離,要判斷li的寬度,否則會導致滾動下一屏的時候出現錯位問題文章來自陌佑網www.zjw13.xyz轉載請注明出處,并保留本鏈接,謝謝!
說明: 京東商城目前詳細頁正在使用的放大鏡插件,效果很簡單易用 圖片采用絕對路徑,這樣方便懶人們使用 內容分為大圖部分以及縮略圖列表部分,可以分開使用 使用方法: 1、將lanrenzhijia.css樣式引入到你的網頁中 2、將body中class='lanrenzhijia'里的內容復制到你的網頁中即可 (注意保持js路徑正確) 文章來自陌佑網www.zjw13.xyz轉載請保留本鏈接...
效果描述: 一個非常不錯的jQuery動畫排序效果,拖動圖片可以在網頁任意位置走動 當位置空缺時,周圍圖片會自動補充 陌佑網站長推薦下載使用 使用方法: 1、復制其中的css樣式到你的網頁中 2、將代碼部分拷貝過去即可 (圖片已采用絕對路徑,無須考慮路徑問題) 文章來自陌佑網www.zjw13.xyz轉載請保留本鏈接,謝謝!
效果描述: 適應移動客戶端,包括pad以及手機客戶端 左右全屏效果,帶有左右箭頭,同時支持點狀切換按鈕 一個非常不錯的jQuery插件——idangerous.swiper.js 可以左右滑動屏幕切換 缺點: 不支持自動切換 使用方法: 1、將index.html中的lanrenzhijia.css樣式引入到你的頁面中 2、將代碼部分拷貝過去,然后修改至你想要的樣式即可文章來自陌佑網www.zjw...
描述: 基于jQuery插件庫實現的jquery.imageView.js插件 當你為圖片提供兩張大圖的時候,單擊小圖片的時候 觸動大圖片,支持在div框架內任意拖動查看 使用方法: 1、將附件index.html文件中的css代碼以及html代碼拷貝到你的網頁中即可 (圖片、js采用絕對路徑,不建議修改)文章來自陌佑網www.zjw13.xyz轉載請保留本鏈接,謝謝!
效果描述: jQuery.easing插件是一款非常輕,非常小的jQuery插件,只占有8KB大小 幾乎不會影響你的網頁加載速度。 它提供了簡單的動畫效果,如淡入淡出以及自定義動畫效果,使用該插件可以實現直線勻速運功、變加速運動、緩沖等豐富的動畫效果。 雖然說插件出來的時間比較長,但它小,經過很多網站的使用,成熟度也非常的高。尤其是在一些頁面滾動、 幻燈片切換等場景應用比較多。它非常小巧,且有多種...
效果描述: 鼠標懸停在圖片上后,圖片有一個微弱的放大效果 這是當前好多網站采用的效果。不僅彰顯了當前選中(即將)鼠標懸停效果,還給人一種很舒服的感覺 懶人站長記得第一次見這種效果是在天貓官網上的banner焦點切換那里 鼠標懸停后,圖片漸漸放大,鼠標移走后,圖片漸漸恢復默認大小 使用方法: 1、將css樣式引入到你的網頁中 2、將body中的代碼部分拷貝到你需要的地方即可 (js、圖片采用絕對路徑...
效果描述: 網上有很多瀑布流插件,今天特意挑選了一個比較簡單的插件jQuery.blocksit.js 不過他只能實現圖片的流式排列,無法實現圖片預加載功能(即:邊拖拉網頁邊加載圖片) 懶人站長特意在此瀑布流上增加了jQuery.lazyload.js插件,實現圖片的預加載效果 注意每個圖片的路徑都有一個假地址和一個真正地址,當網頁圖片部分加載到當前瀏覽器窗口內時, 真正的圖片路徑將賦值給src,...
效果描述: 兼容IE6等低版本瀏覽器 圖片列表呈現一個曲線狀切入、切出效果 使用方法: 1、將css樣式引入到你的網頁中 2、將body中的代碼部分拷貝到你需要的地方即文章來自陌佑網www.zjw13.xyz轉載請注明出處,謝謝!!!