搜尋
首頁web前端js教程2013年優秀jQuery插件整理小結_jquery

今天为大家推荐的是2013年的第一期,在这期里面十个jQuery插件涵盖了响应式的网格布局插件、图片放大插件、表单元素中自定义select插件,google 地图插件、文件拖放上传插件、tooltip提示插件、3D旋转菜单等等。这些插件的官网都提供了详细的API和相关代码下载,也提供了一些案例展示,可以说稍懂一点前端的同学按照他们提供的API就会使用这些插件。

1、Makisu : jQuery CSS 3D Dropdown Menu concept

Makisu : jQuery CSS 3D Dropdown Menu concept

Makisu是一个jQuery和css3制作3D下拉菜单的插件,目前仅在chrome下能正常运行。

2、jQuery.Shapeshift

jQuery.Shapeshift

一款轻量级的网格系统插件,可以制作濗布流效果,同时具有拖动、Responsive和touch功能。

3、Rainbow

Rainbow

Rainbow是一个让你代码高亮显示的插件。

4、gmaps

gmaps

gmaps用来制作google地图的一个插件。

5、jQuery jkit

jQuery jkit

jQuery jkit是一个依赖于jQuery库的插件,里面包含了Web常用交互效果。

6、dropzone.js

dropzone.js

dropzone.js是一个js脚笨库,实用文件的拖拽上传文件,而且还可以预览上传后的文件。

7、Image Picker

Image Picker

Image Picker是一个简单的jQuery插件,它将一个选择元素变成一个更加友好的用户图形界面。

8、Elevate Zoom

Elevate Zoom

Elevate Zoom是一款图片放大的jQuery插件。

9、Opentip

Opentip

Opentip是一款强大的tooltip插件,支持所有现代浏览器以及IE7+浏览器。

10、Selectik

Selectik

Selectik是一款自定义表单的select样式的jQuery插件。

 

第一期中向大家推荐了有关于响应式的网格布局插件、图片放大插件、表单元素中自定义select插件,google 地图插件、文件拖放上传插件、tooltip提示插件、3D旋转菜单等十款jQuery插件,今天继续第二期的插件推荐,在这一期中主要涵盖了:回到页面顶部、文本语音、图片旋转、图片预加载、SVG制作与动画等十款优秀的jQuery插件,希望这些插件能帮大家解决一时之需。

1、scrollUp jQuery plugin

scrollUp jQuery plugin

一款制作回到顶部按钮的jQuery插件。

2、jQuery plugin for Text to Speech

scrollUp jQuery plugin

一款文本转语音的jQuery插件。

3、Toolbar.Js

Toolbar.Js

在Web页面或应用程序中快速帮助创建提示工具的一款jQuery插件。

4、Threesixty-slider

Threesixty-slider

图片360度旋转插件。

5、Anima.js

Anima.js

类似于easings动画功能的插件。

6、Fathom.js

Fathom.js

Fathom Js可以用来制作网页版本的幻灯片播放效果。

7、Nivo Zoom

Nivo Zoom

一款图片放大的jQuery插件。

8、ScrollNav.js

ScrollNav.js

一款制作滚动页面,导航项目随之变化的jQuery插件。

9、SVG.js

SVG.js

一款操纵和实现SVG动画的轻量级js库。

10、IMAGELOADER.JS

IMAGELOADER.JS

一个预加载图片的JQUERY插件。

 

2013年优秀jQuery插件已发布两期了,今天继续给大家推荐三月刊的插件,在第三期中我们同样向大家介绍十个优秀的偛件,今天这十个插件包括:Google Map嵌入到你的站点、固定边栏菜单、支持css3的transform属性的插件、文本动画效果、图片选择区域控制、图片翻转功能等。希望这些插件能给你平时制作带来思路,或者能直接运用到您的项目之中。

1、Maplace.JS

Maplace.JS

Maplace.js帮助你将google地图嵌入到你的网站,可以在地图上快速创建标记和控制菜单的位置。他的运行需要jQuery和google maps api v3。

2、Navi.JS

Navi.JS

Navi.Js方便你的网站动态的显示内容。

3、jQuery.transformlist

jQuery.transformlist

jQuery.transformlist是一个javascript插件,用来支持css3的动画转换。

4、textillate.js

textillate.js

一款简单实现文本动画效果的jQuery插件。

5、partialjs

partialjs

免费的web应用程序框架,使用JavaScript、HTML和CSS构建web站点和web应用程序。

6、imgAreaSelect

imgAreaSelect

imgAreaSelect是一个jQuery插件,用来实现选择图像的矩形区域。

7、ddSlick

ddSlick

一个免费的重量轻jQuery插件,它允许您创建一个自定义下拉与图片和描述。

8、MagicSuggest

MagicSuggest

自动生成默认标签。

9、jQuery Knob

jQuery Knob

向下兼容,可以触摸的jQuery拨号插件。

10、jQuery.WallFlip

jQuery.WallFlip

jQuery插件创建一个图片墙,点击翻转显示一些图像的描述内容。

 

在第四期jQuery插件的分享中,你会发现与以前的略有不同之处,是的。在今天推荐的十个插件中,我们有好几个是中国程序员写的,比如说说zTree写的树形结构效果插件,有SimpleTas插件还有茶哥、小生写的SimpleUI等,而且这回我将正美同学的Mass Framework(这个可不是jQuery插件)也放上来,希望大家喜欢。当然除了这几个中文插之外,大家还可以看到图表js库、分步(新手引导)插件库等。详细的请继续往下阅读。

1、boxSlider

boxSlider

带有响应式功能的jQuery幻灯片插件。

2、Swipejs

Swipejs

一款触摸式幻灯片插件。

3、Chart.js

Chart.js

一款制作图表的强大插件。

4、SimpleTabs

SimpleTabs

SimpleTabs是国内开发者写的一款jQuery多功能选项卡插件,适用于各种选项卡,幻灯片、产品展示等模块。

5、zTree

zTree

zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。

6、jQuery Nested

jQuery Nested

创建一个动态的,可嵌套的网格布局插件。

7、Intro.js

Intro.js

创建一个动态的,可嵌套的网格布局插件。

8、SimpleUI

SimpleUI

SimpleUI是蓝面小生半盏凉茶合力开发的一个基于jQuery的组件库。包含了常见的web组件,适用于开发web2.0的应用程序与小型网站。

9、Mass Framework

Mass Framework

一个模块化,以大模块开发为目标,jQuery式的框架。里面优先应用了大量HTML5新API,估计除了个别手机专属框架外,没有像它如此大范围应用了。这一来可以大大减少框架的体积,二来大幅提高运行效率。

10、BookBlock

BookBlock

一个jQuery插件,将创建类似于一个小册子,你可以通过翻阅书本一样阅读。

 

又到了插件分享的时候了,今天要为大家推荐的十款插件都算是比较时尚的(制作的效果时尚)。比如说:icheck可以帮助大家轻松实现自定义复选框、单选框按钮;sidr可以实现固定边栏效果(当然也可以固定顶部,可以根据你的需求来设置);jQuery List DragSort可以实现拖动图片排序,以及MixItUp可以制作优美的动态过滤效果,里面集成了许多css3的特效,还有JResponsive实现响应式的布局、Flexisel实现弹性幻灯片播放等等。如果你觉得有感兴趣的,不仿花上几分钟浏览一下。我想会有你需要的插件效果。

1、Sidr

Sidr

创建侧菜单和最简单的方法实现响应式菜单的jQuery插件。

2、jQuery List DragSort

jQuery List DragSort

一个图片拖动排序插件jQuery List DragSort。

3、iCheck

iCheck

超级定制的复选框和单选按钮的JQUERY插件。

4、jQuery.Shapeshift

jQuery.Shapeshift

一个jQuery实现动态网格系统,并且具有拖放功能。

5、SLY

SLY

SLY是一个js库,可用于创建单向滚动的导航效果。

6、Packery

Packery

Packery是一个布局方面的jQuery插件,可以实现瀑布流,拖放布局等功能。

7、ToolTipster

tooltipster

ToolTipster是一个用来制作弹出提示框的jQuery插件。

8、MixItUp

MixItUp

一款过滤和排序的jQuery插件。

9、JResponsive

JResponsive

一款结合CSS的responsive和transition实现的网格布局的插件。

10、Flexisel

Flexisel

具有响应式功能的图片播放插件。

 

今天要向大家推荐的jQuery插件是第六期了,也就是说到今天为止,总共搜集了近60款各式各样的jQuery插件,涉及各种效果。在这一期中推荐的插件搜集了很久,才积累了这十款插件,主要有制作菜单的、图形的、网格的、翻转等。如果你喜欢,那就继续往下点击。

1、Smint

Smint

Smint是一个简单的jQuery插件,一种粘性的导航栏,停留在页面的顶部而你向下滚动和菜单按钮,自动滚动页面的部分你点击。

DEMO DOWNLOAD

2、FlipClock.js

FlipClock.js

FlipClock是一个制作时钟的jQuery插件。

DEMO DOWNLOAD

3、least.js

least.js

随机和响应的HTML 5,CSS3 LAZYLOAD画廊

DEMO DOWNLOAD

4、mmenu

mmenu

一个创建菜单的jQuery插件,只需要一行代码就可以实现移动端滑动的菜单效果

DEMO DOWNLOAD

5、Two.js

Two.js

two.js是一个面向现代浏览器的二维绘图api。

DEMO DOWNLOAD

6、MixItUp

MixItUp

MixItUp插件是用来过滤和排序元素。

DEMO DOWNLOAD

7、Vortex

Vortex

HTML元素显示成椭圆,并可以旋转。

DEMO DOWNLOAD

8、Transit

Transit

jQuery实现CSS3的transform效果。

デモ ダウンロード

9、Masonjs

Masonjs

Mason は、グリッド システムを作成するための強力なプラグインです。

デモ ダウンロード

10、Flippant.js

Masonjs

Flippant は 3D 反転効果を実現します。

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
JavaScript的角色:使網絡交互和動態JavaScript的角色:使網絡交互和動態Apr 24, 2025 am 12:12 AM

JavaScript是現代網站的核心,因為它增強了網頁的交互性和動態性。 1)它允許在不刷新頁面的情況下改變內容,2)通過DOMAPI操作網頁,3)支持複雜的交互效果如動畫和拖放,4)優化性能和最佳實踐提高用戶體驗。

C和JavaScript:連接解釋C和JavaScript:連接解釋Apr 23, 2025 am 12:07 AM

C 和JavaScript通過WebAssembly實現互操作性。 1)C 代碼編譯成WebAssembly模塊,引入到JavaScript環境中,增強計算能力。 2)在遊戲開發中,C 處理物理引擎和圖形渲染,JavaScript負責遊戲邏輯和用戶界面。

從網站到應用程序:JavaScript的不同應用從網站到應用程序:JavaScript的不同應用Apr 22, 2025 am 12:02 AM

JavaScript在網站、移動應用、桌面應用和服務器端編程中均有廣泛應用。 1)在網站開發中,JavaScript與HTML、CSS一起操作DOM,實現動態效果,並支持如jQuery、React等框架。 2)通過ReactNative和Ionic,JavaScript用於開發跨平台移動應用。 3)Electron框架使JavaScript能構建桌面應用。 4)Node.js讓JavaScript在服務器端運行,支持高並發請求。

Python vs. JavaScript:比較用例和應用程序Python vs. JavaScript:比較用例和應用程序Apr 21, 2025 am 12:01 AM

Python更適合數據科學和自動化,JavaScript更適合前端和全棧開發。 1.Python在數據科學和機器學習中表現出色,使用NumPy、Pandas等庫進行數據處理和建模。 2.Python在自動化和腳本編寫方面簡潔高效。 3.JavaScript在前端開發中不可或缺,用於構建動態網頁和單頁面應用。 4.JavaScript通過Node.js在後端開發中發揮作用,支持全棧開發。

C/C在JavaScript口譯員和編譯器中的作用C/C在JavaScript口譯員和編譯器中的作用Apr 20, 2025 am 12:01 AM

C和C 在JavaScript引擎中扮演了至关重要的角色,主要用于实现解释器和JIT编译器。1)C 用于解析JavaScript源码并生成抽象语法树。2)C 负责生成和执行字节码。3)C 实现JIT编译器,在运行时优化和编译热点代码,显著提高JavaScript的执行效率。

JavaScript在行動中:現實世界中的示例和項目JavaScript在行動中:現實世界中的示例和項目Apr 19, 2025 am 12:13 AM

JavaScript在現實世界中的應用包括前端和後端開發。 1)通過構建TODO列表應用展示前端應用,涉及DOM操作和事件處理。 2)通過Node.js和Express構建RESTfulAPI展示後端應用。

JavaScript和Web:核心功能和用例JavaScript和Web:核心功能和用例Apr 18, 2025 am 12:19 AM

JavaScript在Web開發中的主要用途包括客戶端交互、表單驗證和異步通信。 1)通過DOM操作實現動態內容更新和用戶交互;2)在用戶提交數據前進行客戶端驗證,提高用戶體驗;3)通過AJAX技術實現與服務器的無刷新通信。

了解JavaScript引擎:實施詳細信息了解JavaScript引擎:實施詳細信息Apr 17, 2025 am 12:05 AM

理解JavaScript引擎內部工作原理對開發者重要,因為它能幫助編寫更高效的代碼並理解性能瓶頸和優化策略。 1)引擎的工作流程包括解析、編譯和執行三個階段;2)執行過程中,引擎會進行動態優化,如內聯緩存和隱藏類;3)最佳實踐包括避免全局變量、優化循環、使用const和let,以及避免過度使用閉包。

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

Atom編輯器mac版下載

Atom編輯器mac版下載

最受歡迎的的開源編輯器

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

將Eclipse與SAP NetWeaver應用伺服器整合。

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

SecLists

SecLists

SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合,這些清單在安全評估過程中經常使用,而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表,幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上,他就可以存取所需的每種類型的清單。