2013年优秀jQuery插件整理小结

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

1、Makisu : jQuery CSS 3D Dropdown Menu concept

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

2、jQuery.Shapeshift

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

3、Rainbow

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

4、gmaps

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

5、jQuery jkit

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

6、dropzone.js

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

7、Image Picker

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

8、Elevate Zoom

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

9、Opentip

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

10、Selectik

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

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

1、scrollUp jQuery plugin

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

2、jQuery plugin for Text to Speech

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

3、Toolbar.Js

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

4、Threesixty-slider

图片360度旋转插件。

5、Anima.js

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

6、Fathom.js

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

7、Nivo Zoom

一款图片放大的jQuery插件。

8、ScrollNav.js

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

9、SVG.js

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

10、IMAGELOADER.JS

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

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

1、Maplace.JS

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

2、Navi.JS

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

3、jQuery.transformlist

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

4、textillate.js

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

5、partialjs

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

6、imgAreaSelect

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

7、ddSlick

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

8、MagicSuggest

自动生成默认标签。

9、jQuery Knob

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

10、jQuery.WallFlip

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

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

1、boxSlider

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

2、Swipejs

一款触摸式幻灯片插件。

3、Chart.js

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

4、SimpleTabs

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

5、zTree

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

6、jQuery Nested

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

7、Intro.js

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

8、SimpleUI

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

9、Mass Framework

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

10、BookBlock

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

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

1、Sidr

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

2、jQuery List DragSort

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

3、iCheck

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

4、jQuery.Shapeshift

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

5、SLY

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

6、Packery

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

7、ToolTipster

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

8、MixItUp

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

9、JResponsive

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

10、Flexisel

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

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

1、Smint

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

DEMO DOWNLOAD

2、FlipClock.js

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

DEMO DOWNLOAD

3、least.js

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

DEMO DOWNLOAD

4、mmenu

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

DEMO DOWNLOAD

5、Two.js

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

DEMO DOWNLOAD

6、MixItUp

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

DEMO DOWNLOAD

7、Vortex

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

DEMO DOWNLOAD

8、Transit

jQuery实现CSS3的transform效果。

DEMO DOWNLOAD

9、Masonjs

Mason是一款制作网格系统的强大插件。

DEMO DOWNLOAD

10、Flippant.js

Flippant实现3D翻转效果。

(0)

相关推荐

  • 用jquery写的一个万年历(自写)

    复制代码 代码如下: <!Doctype html><html xmlns=http://www.w3.org/1999/xhtml> <head> <meta http-equiv=Content-Type content="text/html;charset=utf-8"> <style> .main{ width:600px; height:350px; background:gray; margin-left: aut

  • 推荐10个2014年最佳的jQuery视频插件

    在这篇文章中已经收集了10个最佳的jQuery视频插件,帮助开发人员容易地实现网站播放影片功能.可以显示视频和视频播放列表. 1. Bigvideo.js BigVideo.js 是一个jQuery插件能够,让你很方便将视频作为网站的背景. 它可以默默地播放一个视频,或用一个列表让用户选择他们喜欢的进行播放. 这个插件基于Video.js构建.此外如果有些设备不支持自动播放支持显示成图片. 2. jPlayer jPlayer是一个可定制和更换皮肤的开源JQuery的播放器,允许在网页中播放音频

  • jquery 年会抽奖程序

    看了一下,传不了源代码,特粘帖html 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <

  • 2014年50个程序员最适用的免费JQuery插件

    有用的jQuery库是设计师和开发者之间一个非常熟悉的短语.这是现在互联网中最流行的JavaScript函数库之一.每个设计师和开发人员都应该知道它的重要性,而且熟悉它的功能和特点. jQuery几乎可以解决一个网站所有的问题它可以从做一个有吸引力和创意的网站解决所有那些阻碍你的问题如果你想解决任何跨浏览器的问题,那就必须收藏使用JavaScript函数库 jQuery库是Web开发人员的重要来源.你会发现很多互联网的jQuery插件都是免费使用的,但发现这些优秀的jQuery插件,需要你花费许

  • jQuery实现验证年龄简单思路

    这段代码假定环境是一个ID为age-form的"form",三个ID分别为"day","month","year". $("#age-form").submit(function(){ var day = $("#day").val(); var month = $("#month").val(); var year = $("#year").va

  • jquery 日期分离成年月日的代码

    复制代码 代码如下: function bh_LoadViewState(){ var v=$("#hBirthday").val(); if(v=="")return; var birthday=new Date(Date.parse(v.replace(/-/g, '/'))) $("#ddlYear").val(birthday.getFullYear()); $("#ddlMonth").val(birthday.ge

  • 2013年优秀jQuery插件整理小结

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

  • 2010年最佳jQuery插件整理

    在2010年,JavaScript框架继续日渐普及,这使得大量的插件被开发出来.满目琳琅,难以选择心头之好.WDL的作者从大量的优秀jQuery插件精心筛选出一些对Web Designers有帮助的和具备非常不错的视觉效果的Best of the best. 2010年最佳jQuery插件(排名不分先后): Nivo Slider 一个加载设置拥有9种过度效果的超级smooth slider,它还支持如链接图像和键盘导航等内容. Quicksand 通过一个非常不错的洗牌动画实现选项内容重新排序

  • 在网站上应该用的30个jQuery插件整理

    当然你现在可能不善于用,但我敢肯定你会发现他们在你未来的项目中使用!. Nivo滑块 毫无疑问,这个插件是世界上最真棒jQuery的滑块图片,并配有超过15个过渡效果. Anything Slider 任何滑块从所有最通用的滑块.您可以添加绝对的东西,从视频到简单的文字和图像,这是真棒. 幻灯片 幻灯片是,本着简约的jQuery幻灯片插件.挤满了一套有用的功能,以帮助新手和高级开发人员创造优雅和用户友好的幻灯片. jQuery的周期插件 jQuery的周期插件支持许多不同类型的过渡效果的幻灯片插

  • 来自国外的14个图片放大编辑的jQuery插件整理

    基于Web的在线应用已经是一个逐步成熟的趋势,Web应用的丰富多样化,都是基于JavaScript框架完成的,其中 jQuery 框架被越来越多的Web开发者青睐,它可以让你"少写,多做"轻松完成复杂效果,这里就是基于jQuery 的14个图片放大编辑插件. 1,jQuery gzoom plugin 2,Hover Zoom 3,AnythingZoomer jQuery Plugin 4,JQZoom 5,jQuery Cycle plugin 6,crop, labelOver

  • 精心挑选的15款优秀jQuery 本特效插件和教程

    今天这篇文章向大家分享15款精心挑选的优秀 jQuery 文本特效插件,都带有详细的使用教程.jQuery 是最流行和使用最广泛的 JavaScript 框架,它简化了 HTML 文档遍历,事件处理,动画以及Ajax交互,帮助 Web 开发人员更快速的实现各种精美的界面效果. 01. 滑动的字符 在线演示 下载源码 02. 鼠标悬停变换效果 在线演示 下载源码 03. 旋转的文本 在线演示 下载源码 04. 滚动变换的文本 在线演示 下载源码 05. 精致的倒计时效果 在线演示 下载源码 06.

  • 23个超流行的jQuery相册插件整理分享

    这些jQuery插件包括演示.文档说明等,欣赏吧! 1. Galleriffic 下载与文档 查看演示 2. jPhotoGrid 下载与文档 查看演示 3. Galleria 下载与文档  查看演示 4. YoxView 下载与文档 查看演示 5. Micro Image Gallery 下载与文档 查看演示 6. AD Gallery 下载与文档 查看演示 7. slideViewerPro 下载与文档 查看演示 8. Galleryview 下载与文档 查看演示 9. Pikachoose

  • jQuery 表格插件整理

    jQuery 表格插件 Flexigrid – Web 2.0 Javscript Grid for jQuery - 可变列宽,自动适应表头宽度,可通过 Ajax 连接 XML 数据源,类似 Ext Grid,但基于 jQuery 因此更轻量小巧. Chromatable JQuery Plugin - 固定表头,可滚动内容区,内容区滚动的时候表头位置保持不变. Ingrid, the jQuery Datagrid - 在 HTML 表格上加入列宽调整,分页,排序,行列式样等功能(演示).

  • Jquery插件写法笔记整理

    jQuery插件类型: 1. jQuery方法: 大部分jQuery插件都是这种类型的插件,由于这种插件是将对象方法封装起来,在jQuery选择器获取jQuery对象过程中进行操作,从而发挥jQuery强大的选择器优势. 2. 全局函数: 也可以把自定义的功能函数独立附加到jQuery命名空间下,从而作为jQuery作用域下的一个公共函数使用.但全局函数没有被绑定到jQuery对象上,故不能在选择器获取的jQuery对象上调用.需要通过jQuery.fn()或$.fn()方式进行引用. 3. 选

  • webpack4.0打包优化策略整理小结

    本文介绍了webpack4.0打包优化策略整理小结,分享给大家,具体如下: webapck4 新特性介绍-参考资料 当前依赖包的版本 1.优化loader配置 1.1 缩小文件匹配范围(include/exclude) 通过排除node_modules下的文件 从而缩小了loader加载搜索范围 高概率命中文件 module: { rules: [ { test: /\.js$/, use: 'babel-loader', exclude: /node_modules/, // 排除不处理的目录

  • 2012年开发人员的16款新鲜的jquery插件体验分享

    jQuery的是一个多浏览器的Javascript集合,以轻松地简化了客户端脚本的HTML.jQuery的格式设计帮助你获得一个文件,选择DOM元素,动画,处理事件,并开发Ajax程序设计人员能够根据需要创建一些高级别的jquery插件.使用这些插件方法可以创建高效强大的网页和Web程序. 保持学习最新的jQuery插件有时似乎是一个完整的工作.每隔一天,我们似乎可以发现一些新的东西,尖端的东西,有时我们发现的东西,是真正的创新和必要的对于我们的工作来说.下面是从2012年开始的新的和令人兴奋的

随机推荐