阅读更多

9顶
0踩

Web前端

翻译新闻 25 个实用且免费的 jQuery 插件

2014-03-15 00:26 by 资深记者 学良3 评论(1) 有13957人浏览
随着jQuery插件在网站建设过程中的使用率不断的增加,所以有必要跟进时代步伐开发出一些新的插件/代码片段,以此来巩固并提高前端用户体验,将用户体验提升到一个新的高度。

接下来所推荐的这些插件中有滑块、地图、图片旋转块等等,可以说是最好的、完全免费的jQuery插件。

1. 扁平的jQuery价格滑块插件

这个jQuery价格滑块可以在一定范围内选择需要的价钱,不管你是做开发项目的还是设计项目,它都会起很大的作用。


实例  /  下载

2. Gmaps jQuery地图插件

GMaps.js是一个JavaScript插件,通过它可以很容易地在你的应用程序中使用谷歌地图,并包含了多个选项,如地图、方向、信息框等等。它的脚本是由很少的代码和简洁文档构成的。因为安装操作很简单,所以要想让代码实现功能就得自己动手。


实例  /  下载

3. FormChimp

FormChimp是jQuery里的一个可定义的MailChimp Ajax插件,为用户提供一个简便的注册方式,这样的话用户在你的MailChimp列表里注册就不是一件麻烦的事了。


实例  /  下载

4. OWL 旋转滑块

此jQuery插件具有的触摸功能可以让用户创建出好看的响应式旋转滑块。


实例  /  下载

5. jQuery拼写正误检查插件

这个轻量级的jQuery插件能检查文本文档里的单词拼写的正确性,主要是用在一个表单字段里或者是在DOM目录里。  


实例  /  下载

6. Chart.js图标库插件

Chart.js 是一个令人印象深刻的 JavaScript 图表库,建立在 HTML5 Canvas 基础上。目前,它支持6种图表类型:折线图、条形图、雷达图、饼图、柱状图和极地区域区。而且,这是一个独立的包,不依赖第三方JavaScript 库,小于 5KB。颜色,字体,边框和它们的尺寸都可以定制,图表可以动画的形式加载,非常炫。


下载

7. Email自动填写插件

这个插件会建议你或者是直接在邮件地址栏里自动填写完域名。


实例  /  下载

8. Draggabilly

你可以用这个插件做一些可拖动的jQuery代码片段。


实例  /  下载

9. Interact.js

这是一个为电脑和移动设备上的浏览器而制作的可拖放、重置大小、调整手势的插件。


实例  /  下载

10. Sortable——分类插件

它是一个极简单的JavaScript类库,主要是为现代浏览器和触摸设备而制定的,你只要点住一个项目直接拖到另一个列表里就行了。


实例  /  下载

11. rowGrid.js图片排版插件

轻量级jQuery插件,gzip压缩后大小只有800bytes,其用处是把图片或其它项目排版在连续的行内。


实例  /  下载

12. Scattered Polaroid图片展示器

这个插件可以在容器里随机排版这些相片,当你选中了一个项目的时候它就会移动到屏幕中间,其它项目自动闪到旁边。


实例  /  下载

13. Viewport图片大小重置插件

操作上比较简单,没有任何麻烦,重新设置图像大小和对图片进行修剪,这些都是基于pseudo视图而做的。


实例  /  下载

14. jQueryUI滑块插件

这一滑块插件允许在一条选择线上做出多个滑块,这些滑块可以用来代表位置、尺寸、举例等等,同时还可以在滑块上做标签或者是悬浮标题。


实例  /  下载

15. Freewall网格插件

Freewall是一个跨浏览器、响应式的jQuery插件,可以创建出多种多样适用在电脑、移动设备和平板电脑上的网格布局。


实例  /  下载

16. jQuery 字体图标选择器

这个只有1.58kb大小的插件,可以让用户创建一个带有搜索功能的简单的字体图标选择器放在管理列表里。


实例  /  下载

17. Bootstrap-dialog对话窗口插件

这个插件会让用户使用Bootstrap的模型更加熟练。


实例  /  下载

18. jquery分组指标器

Tabelizer 1.0.3——用在表格上的多层次分组指标器。


实例  /  下载

19. Facebook的jQuery标记插件

FaceBadge可以在用户网站上添加了一个Facebook页面标记,用起来更省事。


实例  /  下载

20. Croppic图片裁剪插件

这是一个用来裁剪图片的jQuery插件,效果超出你想象。


项目网页

21. Google Drive API的同步协作JQuery插件

这个插件主要是为了让在不同设备上的Google Drive能够同步协作,传输文件等等,包括是Android设备。


实例  /  下载

22. Pick-a-Color

这项插件的设计之初就是希望所有人都能使用它,它的界面主要是基于Twitter Bootstrap的风格而设计,所以看起来比较亲切。


实例  /  下载

23. Simple Vertical Menu简单的垂直菜单插件

看上去很简单,但是很时髦的一个插件,使用了一些CSS3和jQuery技术,拥有自定义字体和令人影响深刻的标记图案。


下载代码

24. jQuery的字符计数器

这只是一个很小的字符计数器的实验版本。


下载代码

25. 使用jQuery框架和CSS3技术的放大镜插件

这是一个放大镜插件,会放大显示鼠标所经过的区域。


项目主页

Via DesignScrazed
  • 大小: 6.6 KB
  • 大小: 21.8 KB
  • 大小: 26.9 KB
  • 大小: 14.5 KB
  • 大小: 9.4 KB
  • 大小: 49.5 KB
  • 大小: 8.6 KB
  • 大小: 5.1 KB
  • 大小: 13.4 KB
  • 大小: 6.2 KB
  • 大小: 14.3 KB
  • 大小: 41.9 KB
  • 大小: 18.5 KB
  • 大小: 27.2 KB
  • 大小: 6.4 KB
  • 大小: 26.5 KB
  • 大小: 12 KB
  • 大小: 4.4 KB
  • 大小: 12.2 KB
  • 大小: 15.4 KB
  • 大小: 18 KB
  • 大小: 10.3 KB
  • 大小: 22.1 KB
  • 大小: 11 KB
  • 大小: 10 KB
  • 大小: 23.6 KB
  • 大小: 4.4 KB
来自: DesignScrazed
9
0
评论 共 1 条 请登录后发表评论
1 楼 hasau 2014-03-26 11:01
好东西  可以收集起来。

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • oracle归档模式

    oracle归档模式总结。 Oracle数据库有联机重做日志,这个日志是记录对数据库所做的修改,比如插入,删除,更新数据等,对这些操作都会记录在联机重做日志里。

  • 归档模式下的数据库恢复

    学习内容 1 在归档模式下进行数据库全恢复时数据库所...

  • 归档模式下用户管理的恢复测试

    归档模式下用户管理的恢复测试一、脱机情况下非系统数据文件恢复二、联机状态下恢复非系统数据文件三、控制文件介质恢复3.1 恢复受损的多路复用控制文件3.2 所有控制文件均丢失恢复 一、脱机情况下非系统数据文件恢复 非系统数据文件介质失效,在mount状态执行recover恢复。 1、创建测试表用于最后检验数据是否恢复 sqlplus admin/admin123 create table drop_...

  • 归档模式和非归档模式下的数据恢复区别

    首先,归档模式和非归档模式下的数据恢复是物理恢复。归档模式下试验流程:1. 创建一个表空间test1 使用test01.dbf;2. 给test01.dbf创建一个副本(备份);3. 做一些操作使test01.dbf文件中的数据发生变化;4. 切换联机日志文件,让它归档;5. 关闭数据库,删除test01.dbf,启动数据库找不到文件;6. 把最初的副本复制过去,...

  • 推荐CSDN排名前1000博主

    分享一个Linux性能诊断网站: http://linuxperformance.top/  ,访问有收获 中国 福建省 厦门市 专注分享IT知识技能 21aspnet 排名:11 原创:1586 粉丝:13511 积分:...

  • 石家庄铁道大学计算机专业好找工作吗,大学“最让人头痛”的9个专业,但毕业后含金量高,就业形势好...

    原标题:大学“最让人头痛”的9个专业,但毕业后含金量高,就业形势好有那么一些专业,没学过的人以为它就是那么回事;真正学过的人才知道其中的奥妙。说起来,那真是满满的委屈……向学霸进军为大家盘点一下,同意...

  • 【渝粤题库】广东开放大学民法 形成性考核

    题目:甲百货商店与乙电视机厂订立买卖合同,约定购买某型号电视机器300台。双方之间的债属于 题目:从性质上看,债权属于 题目:下列关于承诺期限的起算日不正确的说法是 题目:"商品出门,概不负责”是 题目:广州...

  • 12个被世人深深误解的大学专业,真…

    自从知道我学“电气工程及自动化”,每次过年回家都有亲戚朋友邻居上门来求帮忙:喂!过来看下吧!我家冰箱/电视/洗衣机/拖拉机又坏掉了! 【真相是】 只要专业选得好,天天闭门在备考!工程数学、概率论、电路、...

  • 30部经典日剧推荐

    乱弹:是十分有名的侦探类日剧,几乎横扫所有评选的冠军宝座,也是网友推荐中的大热门之一,被称做是1982年就靠电影《湘南爆走族》成名的织田裕二东山再起的佳片,后续作品有电影版问世,销售情况也不错。...

  • Oracle恢复(五)------归档模式下整库恢复

    这次比较惨,启动时报N个文件找不到的错误,呵呵,是我故意删了N个数据文件, 只要有备份与归档存在,就可以实现数据库的完全恢复(不丢失数据);所以我不怕, 当然你也可以狠一点,把系统文件也干掉 select * from v$recover_file;不解释了 拷贝所有数据文件的备份到原来的位置 recover database; 然后死等 Media recovery com...

  • 归档模式下四种完全恢复的场景

    在数据的备份恢复中,基本都在使用rman来做了,但是从数据库的内部原理来说,对于介质恢复,其实还是做两件事,restore和recover. restore是一个类似物理文件的复制,而recover则在数据库后台根据scn做相...

  • 恢复之非归档模式下数据库非正常关闭的备份与恢复

    产品数据库不会处于非归档模式下。而且冷备份的前提是数据库正常关闭,因此,一般不会存在使用非正常关闭的备份来进行数据库的恢复。 本文只是对这种特殊的情况进行一下测试,在实际中应该不会碰到这种情况。 首先,在另一个SES...

  • Oracle归档模式下恢复-数据库完全恢复方法2

    最初处于关闭状态下进行的开启数据库恢复: 情形: 1、所需恢复的数据文件不属于系统表空间、还原表空间 2、磁介质的损坏、数据文件的崩溃、或数据文件的丢失,并造成数据库的关闭 3、数据库是7*24运行。 步骤: 1、使用startup mount命令加载数据库。因为损坏的数据文件不能打开,所有数据库无法打开。 2、使用数据字典 v$datafile 确认要恢复的数据文件的文件名。这

  • 归档模式(ARCHIVELOG)下数据库打开(open)状态下如何手工恢复表空间?

    归档模式(ARCHIVELOG)下数据库打开(open)状态下如何手工恢复表空间?   oracle数据库在open状态,如果非关键表空间损坏了,基于表空间的完全恢复本质上还是表空间对应的datafile的恢复 模拟非关键表空间损坏,数据库会保持于open状态,不会造成 Oracle 的崩溃 处理方法:只需针对损坏的的 tablespace 进行在线恢复操作,也就是说恢复操作时 数据库整体...

  • 3-6岁经典绘本分级大推荐,给孩子先收藏起来

     继续昨天的0-3岁优秀绘本分级阅读推荐,今天是 3-4岁、 4-5岁、5-6岁,这三个年龄段划分每个年龄段推荐最有代表性的12本,这些绘本真心经典,爸妈快来收藏~ 3-4岁 绘本故事推荐: 3-4岁宝宝开始变得特别爱...

  • 影响力六大原则讲解

    这个原则很简单,作为中国人,礼尚往来是我们的传统美德,朋友请吃一顿饭,我们总会惦记着回请一次,找人帮忙总会给点好处来表达心意,哪怕是小朋友得到一颗糖,长辈被长辈教育说:“快谢谢阿姨!”同时,我们会对...

  • 这一年,这些书:2022年读书笔记

    一个突变出现以后能不能被环境筛选出来,要看出现了这一突变的个体是否有更大的可能繁衍自己的后代。 借助外部力量以更短的时间达成目的这一举动非常值得被强调,因为正是从那一刻起,原本在自然界均匀流动的时间在...

  • 《经 典 文 章 大 赏》

    《经 典 文 章 大 赏》 1.老师普通话说的不好,有一回老师听写,我坐第一排专注的听着老师发音。老师读:“嫌犯”,我立刻在笔记本写上“咸饭”。老师不小心瞄到我的笔记本,但又不忍让我难堪,就提高音量:“嫌疑犯”...

  • 《那些年啊,那些事——一个程序员的奋斗史》四

    ”段伏枥突然觉得奇怪,为何伍定轩会突然提出这个问题。    “你看我的仙人掌。”伍定轩指了指摆在电脑旁边的一盆仙人掌。当初伍定轩决定买这小盆仙人掌的时候,也是从网上听人说,它可以防辐射。    伍定轩...

Global site tag (gtag.js) - Google Analytics