主題:20個輕量的JavaScript庫和插件    

刊登時間:2019/5/16 14:47:57    點閱率:20


     



 下面這個列表中的免費JavaScript插件都是今年發布的,沒有臃腫的一體化的框架,它們提供輕量級的解決方案,幫助Web開發過程更容易和更快。提供的插件可以創建滑塊,響應式菜單,模態窗口,相冊和許多其他常見的組件。

baguetteBox.js

baguetteBox.js  一個簡單和易於使用的響應式的圖像Lightbox插件,支持滑動手勢在移動設備上使用。純JavaScript實現,不依賴第三方庫和插件。

ScrollReveal

創建和管理元素進入可視區域時的動畫效果,幫助你的網站增加吸引力。只需要給元素增加data-scrollreveal屬性,當元素進入可視區域的時候會自動被觸發設置好的動畫。

 

 

Bricks.js

Bricks.js  是用於固定寬度元素的“超快速”砌體佈局生成器。

Bricks.js用於固定寬度元素的快速砌體佈局生成器

魔藥

作為jQuery插件或vanilla JavaScript,  Philter  為您提供了使用HTML屬性控制CSS過濾器的方法。

jQuery插件vanilla JavaScript Philter控件CSS過濾HTML屬性

 

List.js

List.js  是一個輕量級,快速的vanilla JavaScript腳本,可以為列表,表格或任何HTML添加搜索,排序,過濾器和靈活性。

List.js Lightweight fast vanilla JavaScript為HTML添加了搜索排序過濾器和靈活性

 

Datedropper.js

Datedropper.js  是一個jQuery插件,為您提供了一種管理輸入字段日期的簡便方法。

Datedropper js  - 一個新的,易於安裝的jQuery datepicker插件

jfMagnify

jfMagnify  是一個jQuery插件,可以在任何HTML元素上創建放大玻璃效果,而不僅僅是圖像。

jfMagnify jQuery插件html圖像放大玻璃效果

jQuery formBuilder

jQuery formBuilder  是一個新的jQuery插件,用於快速拖放表單創建。

jQuery formBuilder jQuery插件拖放表單創建

Popper.js

Popper.js  是一個輕量級(4kb縮小)庫,用於管理poppers,工具提示和popovers。只需一行代碼即可快速輕鬆地定位工具提示。

Popper.js Kickass圖書館管理您的Poppers工具提示彈出窗口

iMissYou.js

iMissYou.js  是一個方便的小jQuery插件,用於在用戶離開您的網站時更改頁面的標題和favicon。

iMissYou.js jQuery插件更改標題Favicon頁面

SweetAlert2

SweetAlert2  是JavaScript彈出框的美麗和可定制的替代品。

SweetAlert2是JavaScript Alert的漂亮可定制替代品

Turntable.js

Turntable.js  是一個響應式jQuery滑塊,當鼠標在容器中移動時,它將翻閱一系列圖像。

Turntable.js響應式jQuery滑塊旋轉圖像列表

Force.js

Force.js  是一個JavaScript庫,可以使HTML元素動畫和瀏覽網頁變得簡單。

Force.js簡單方法滾動頁面動畫

Bideo.js

Bideo.js  是一個JavaScript庫,可以很容易地將全屏背景視頻添加到網頁。

Bideo.js簡易全屏HTML5背景視頻網站

 

 

flatpickr

flatpickr  是用vanilla JavaScript編寫的,  是一款輕量級的datetimepicker和日曆解決方案。

Slidebars

Slidebars  是一個jQuery框架,用於向網站或Web應用程序添加畫布菜單和側邊欄。

anime.js

anime.js  是一個靈活輕量級的JavaScript動畫庫。它適用於CSS,Individual Transforms,SVG,DOM屬性和JS Objects。

anime.js靈活輕量級的JavaScript動畫庫

Cleave.js

Cleave.js  - 在輸入時格式化<input />內容。

Skippr

Skippr  是一個用於jQuery的超級簡單輕量級幻燈片插件

iziModal.js

iziModal.js  是一款優雅,反應靈敏,輕量級的模態jQuery插件。

Lightgallery.js

Lightgallery.js  是一個功能齊全的JavaScript燈箱庫,沒有依賴項。

 

 

熱門文章 :
JQuery應用 : HTML5應用 : CCS3應用 :
  • 使用jQuery & CSS3 製作美麗的照片畫廊(95)


  • 5種風格的jQuery 分頁效果(90)


  • Notyf – 響應式的JavaScript 通知插件!(78)


  • 基於jQuery 實現的精緻作品集圖片導航效果(61)


  • jQuery移動端雙擊圖片放大特效(56)


  • 基於jQuery 實現動畫內容菜單(55)


  • jQuery留言評論發布代碼(51)


  • 帶分類和縮略圖顯示的jquery相冊特效(45)


  • 20款移動開發中很有用的jQuery插件(42)


  • 使用jQuery UI 創建簡單的電影搜索應用界面(42)


  • HTML5 SVG卡通水母動畫特效(173)


  • HTML5鼠標跟隨立方體碎片特效(152)


  • HTML5 Canvas大波浪動畫特效(138)


  • HTML5 SVG情人節盒子動畫特效(120)


  • HTML5文字跑馬燈動畫特效(92)


  • HTML5 Canvas流動線條動畫特效(74)


  • HTML5線條照射愛心動畫特效(70)


  • 12個很炫的HTML5 和CSS3 應用示例(59)


  • HTML5繪製彩色圓圈動畫特效(53)


  • HTML5線條像素背景動畫特效(47)


  • Creative CSS Loading Animations(267)


  • CSS3圓點冒泡背景動畫特效(260)


  • CSS3轉盤抽獎動畫特效樣式(153)


  • CSS技巧:逐幀動畫抖動解決方案(68)


  • 純CSS實現帶縮略圖的圖片相冊幻燈片效果(67)


  • 純CSS打造的鼠標懸停會顯示邊框和描述的圖片相冊特效(58)


  • 純CSS3聖誕樹雪花飄落動畫特效(56)


  • 經典網頁設計:30個創意的CSS 應用案例(49)


  • 23種漂亮的純CSS導航菜單(47)


  • 45款高質量的免費(X)HTML/CSS模板(45)


  • 素材資源 : 網頁設計 : 創意欣賞 :
  • SVG的形狀懸停效果 (一)(553)


  • SVG的形狀懸停效果 (二)(117)


  • 精品資源:40個實用的PSD 貼紙模板《下篇》(54)


  • SVG的形狀懸停效果 (三) (52)


  • 創建紋理文本的技巧(50)


  • 支付信息提交組件網頁模板(49)


  • HTML5三維立體泡沫方塊移動特效(49)


  • Sliding Header Layout (二)(48)


  • Recreating the “Design Samsung” Grid Loading Effect(39)


  • 3D Shading with Box-Shadows(39)


  • LightGallery.js – 功能齊全的Lightbox 效果(121)


  • 舌尖上的設計!10個美味的餐館和食品網站(77)


  • 具有Three.js的交互式排斥效果 (二)(75)


  • 令人稱讚的以辦公環境為背景的網站作品(74)


  • 具有Three.js的交互式排斥效果 (一)(65)


  • 20款優秀的國外Mobile App 界面設計案例(64)


  • 絲帶(Ribbon)在網頁設計中應用的20佳案例(52)


  • 20個國外優秀的網頁色彩搭配案例(51)


  • 20個以矩形元素為特色的創意網站設計作品(50)


  • 基於jQuery實現聯想大屏焦點圖切換(46)


  • 經典網頁設計:20個值得關注的創意作品集網站示例(120)


  • 50個最優秀的Photoshop 實例教程【文字特效篇】(117)


  • 【特別推薦】12套精緻的網站和移動應用界面設計素材(76)


  • 激發靈感:26個清爽的藍色調網頁設計作品欣賞(69)


  • 【推薦閱讀】簡單之美:30個極簡主義風格的網站作品(54)


  • 【年度盛宴】2019年排名前20位的CSS 網站作品(48)


  • 經典網頁設計:15個使用網格系統的精美網站作品(47)


  • 太有才了!史上最有創意的404頁面設計集錦(43)


  • 經典回顧——2019年度最佳網頁設計作品出爐【下篇】(40)


  • 15款加速Web開發的JavaScript框架(36)


  • 網頁模板 : 手機模板 : 網路科技 :
  • 照片藝術日誌網頁模板(78)


  • 圖片日誌信息網頁模板(66)


  • SNS分享圖標按鈕網頁模板(59)


  • 歡迎使用TEMPLATED提供的免費響應式網站模板(49)


  • Mountain Slider(40)


  • 個人圖片信息介紹網頁模板(39)


  • 藍色精美風格的品牌家居商城網站模板下載(39)


  • 黑色標準風格的引導頁模板下載(35)


  • 流行時尚登錄框網頁模板(34)


  • 紅色圖片列表網頁模板(34)


  • 香脆食品料理響應式網頁模板(69)


  • 圖片相冊展示響應式網頁模板(63)


  • Metro圖片信息展示響應式網頁模板(58)


  • 簡潔產品展示網店響應式網頁模板(56)


  • Fringilla Fermentum Tellus(54)


  • 藝術畫館網頁模板(51)


  • 藝術圖片展示響應式網頁模板(46)


  • 建築設計團隊介紹響應式網頁模板(45)


  • 女包商城展示響應式網頁模板(44)


  • 精品餐廳美食展示響應式網站模板(43)


  • 15款方便團隊溝通的即時聊天工具(179)


  • 50款Android 移動應用程序圖標【下篇】(84)


  • 20款你沒聽說過的小眾Web瀏覽器(78)


  • 傳說這個是35 個最好用Vue 開源庫(70)


  • 30個超棒的SVG動畫展示【上篇】(51)


  • 8款Chrome插件讓你的標籤頁更酷炫(48)


  • 50個最實用的Photoshop 實例教程【照片特效篇】(47)


  • 20個使用手寫字體的作品欣賞(44)


  • OverAPI.com – 史上最全的開發人員在線速查手冊(43)


  • Clipboard.js – 現代方式複製文本到剪貼板(39)


  •     

    服務電話:0982-450920(亞太)、0905-147856(中華)、0970-755956(台哥大) 陳老師