随笔分类 - Jquery
摘要：日期：2012-9-12来源：GBin1.com响应式设计(responsive design)在近些年是非常流行的web设计，能够帮助你有效的针对不同设备的显示屏幕自适应的显示内容，大大的提高了用户的使用体验和web设计的要求，作为最为流行的jQuery来说，也提供了很多现成的插件帮助你实现响应式设计，在今天的这套插件推荐中，我们将推荐给大家20个不错的响应式设计常用插件，希望大家喜欢！jQuery Masonry — A layout plugin for jQuery相信大家对于这个jQuery布局插件肯定不陌生，很多网站都使用它开发瀑布流布局。Isotope — An exquisit
阅读全文
摘要：日期：2012-10-15来源：GBin1.com如果你需要解决一些开发中遇到的技术问题的话，很可能会找到一些相关的javascript类库或者是jQuery插件来实现。这样实用的类库或者jQuery插件往往是你应该时常收集并且保存的，特别是如果你不希望自己去处理不同浏览器的兼容性问题的话，使用现成的javascript类库或者是jQuery插件往往能够帮助你提高开发效率。使用javascript类库可能并不一定是最好的选择，很多情况1下可能你会发现类库加载并不正确，或者有性能上的问题，例如，移动设备上使用js类库。很多情况下使用类似jQuery的类库可能有点杀鸡用宰牛刀的感觉，然而，一些超轻
阅读全文
摘要：日期：2012-10-28来源：GBin1.com还记得我们上次介绍的javascript文件上传类库 - javascript类库：FileDrop？今天我们介绍另外一个独立不依赖任何类库的文件上传js类库：Fine Uploader。支持的浏览器：IE7+FirefoxSafari (OS X)Chrome不使用jQuery，flash也不依赖任何第三方类库。我们只需要导入CSS和js文件即可，是不是非常方便<!DOCTYPE html><html> <head> <meta charset="utf-8"> <ti
阅读全文
摘要：期：2012-11-3来源：GBin1.com今天我们将分享12款精心挑选最新jQuery插件，包含了演讲，排序及其社交内容等等，很多插件在gbin1以前的jQuery文章中我们都介绍过，希望大家喜欢！1. impress.jsimpress.js是一个基于css3过渡和变形的演讲稿插件，如果你不是很喜欢使用PPT的话，它是个不错的选择。reveal.jsreveal.js是另外一个不错的演讲稿制作js，帮助你快速的构建HTML5的演讲稿Floater这个插件可以帮助你构建可以重新排序的单元块，每一个都可独立的包含html标签PFold一个实验性质的jQuery插件，帮助你使用折纸的方式来打开
阅读全文
摘要：日期：2012-11-12来源：GBin1.com如果你曾经开发过类似限时抢购的网站或者应用的话，或者你需要在发布一款超棒游戏之前添加一些神秘元素的话，一个超棒或者超酷的倒计时页面绝对是非常有必要的，制作一个倒计时的功能虽然不是非常复杂，但是如果你有现成的代码能够直接使用的话，相信各位也绝对不会拒绝！在今天的这篇文章中，我们收集了六款超棒的倒计时jQuery插件，能够快速高效的帮助你搭建一个漂亮的倒计时页面，还等什么，看看吧！jQuery超酷倒计时插件在这篇教程中，将介绍如何使用jQuery来开发一个漂亮的倒计时效果，当然，最后的代码做为一个jQuery插件的方式提供给大家免费使用，相信如果你
阅读全文
摘要：代码片段1: 在表单中禁用“回车键”大家可能在表单的操作中需要防止用户意外的提交表单，那么下面这段代码肯定非常有帮助：在线调试在线演示$("#form").keypress(function(e) { if (e.which == 13) { return false; }});代码片段2: 清除所有的表单数据可能针对不同的表单形式，你需要调用不同类型的清楚方法，不过使用下面这个现成方法，绝对能让你省不少功夫。在线调试 在线演示function clearForm(form) { // iterate over all of the inputs for the form
阅读全文
摘要：作者：Leonel Hilario翻译：Terry li -GBin1.com英文：5 Top jQuery Chart Libraries for Interactive Charts目前对于简单快速的开发图的需要使得大家需要找到一种相对简单的方式来开发互动的图表。jQuery和其他js类库使得我们可以更容易的在（X）HTML中访问数据的呈现。本文中我们将介绍目前5种图表类库能够不同程度满足简答到复杂的图表展现需求。大多数都是免费或者是针对个人免费的类库。GraphUp jQuery plugin - 15美元Graphup是一中非常轻量级的灵活的jQuery(v1.4+)插件用来美化你的数
阅读全文
摘要：大家在网站开发和设计过程中，往往需要提示用户某些功能或者相关消息，而HTML自带的title属性又往往不够强大，经常需要我们自己去开发相关的工具提示条功能。为了帮助大家更好的开发相关的工具提示条功能，这里我们收集了一套超棒的javascript和javascript类库，如果你不清楚如何选择这些类库的话，请关注我们的“web前端最佳实践”系列中的tooltip工具条选择。希望大家喜欢！Qtip2可能大家都听说过Qtip，不过这个jQuery插件已经不再维护和开发，取而代之的是Qtip2，这个工具条提示个人认为是最强大的实现类库，几乎帮助你考虑了所有你开发中需要处理的情况，而且支持自定义主题，并
阅读全文
摘要：选择器是jQuery最基础的东西，本文中列举的选择器基本上囊括了所有的jQuery选择器，也许各位通过这篇文章能够加深对jQuery选择器的理解，它们本身用法就非常简单，我更希望的是它能够提升个人编写jQuery代码的效率。本文配合截图、代码和简单的概括对所有jQuery选择器进行了介绍，也列举出了一些需要注意和区分的地方。本文已经同步至我的个人博客站点：积累吧|jQuery选择器大全(48个代码片段+21幅图演示)一、基本选择器1. id选择器（指定id元素）将id="one"的元素背景色设置为黑色。（id选择器返单个元素）$(document).ready(functi
阅读全文
摘要：jQuery 是一个非常优秀的 JavaScript 框架，在现在的 Web 开发项目中扮演着重要角色。jQuery 使用简单灵活，同时还有许多成熟的插件可供选择，它可以帮助你在项目中加入一些非常好的效果，让网站有更好的可用性和用户体验。今天这篇文章向大家推荐12款个实用的 jQuery 插件。1.jmpress.js非常酷的幻灯片插件，基于 CSS3 transform 和 transition 实现，带水平切换、旋转切换和3D效果，灵感来自于prezi.com。2.Arctext.jsCSS3 可以旋转字体，但是要让字体沿着曲线路径旋转就有点复杂了，Arctext.js 这款 jQuery
阅读全文
摘要：作为一个奋斗在第一线的码农来说，能找到自己能在项目中直接使用的代码无疑是一件天大的喜事。代码片段和代码库到处都有，如何找到自己需要的东西绝对是一个大问题，为了帮助大家更好的找到自己需要的代码，今天我们介绍9个非常不错的代码资源网站。Snipplrsnipplr可以说是世界上最大的代码资源库。在过去的几年中，它发布了大量的代码片段，包括我们网站上的很多文章都引用了snipplr的大量代码。DZone code snippets一个综合性质的代码库。拥有25中不同编程语言的代码集合，包含了几千的代码片段。Jonas John snippet library一个综合的代码库，包含了php，C#，vi
阅读全文
摘要：编辑器：1.CodeMirrorCodeMirror 是一款“Online Source Editor”，基于Javascript，短小精悍，实时在线代码高亮显示，他不是某个富文本编辑器的附属产品，他是许多大名鼎鼎的在线代码编辑器的基础库。视频：2.html5mediahtml5media是一个JavaScript音频/视频播放器能够让每一个浏览器都能够播放在HTML5多媒体标签中定义的多媒体文件。 对于不兼容的浏览器，该播放将采用支持Flash的FlowPlayer播放器来代替。地图：3.GmapGMAP3 插件用来将Google Maps插入到网页中，Google在其产品中已经提供了很简便
阅读全文
摘要：倒计时功能在很多项目中都会使用到，比如网站维护、团购网站和限时下载网站等等。通过使用jQuery倒计时插件，你可以简化你的工作量，却同样创造出超酷的jQuery倒计时功能。本文整理了10款jQuery倒计时插件，希望为你的工作提供一些帮助。1、5sec Maintenance Mode此插件用于网站维护时，平息用户因无法访问网站而带来的愤怒。它有6个模板可供你选择。源码/演示2、Premium Coming Soon新奇、现代、用户界面友好的倒计时页面能让你的用户清楚的记得你的网站上线的时间。此外，该插件还有数不清的主题供你选择。源码/演示3、Coming Soon Landing Page此
阅读全文
摘要：JavaScript 在生成各种页面内容时如果能结合一些模板技术，可以让逻辑和数据之间更加清晰，本文介绍 X 款 JavaScript 的模板引擎。（排名不分先后顺序）1.Mustache基于javascript 实现的模板引擎,类似于 Microsoft’s jQuery template plugin,但更简单易用!2.EasyTemplate在使用过Freemarker模板后，感觉它的 语法比较朴实，平易近人，容易上手，于是决定按它的语法风格实现一个前端的 模板引擎，这就有了下面的EasyTemplate! EasyTemplate模板的函数大小为1.34k（未压缩），暂时只实现了 li
阅读全文
摘要：模板引擎是为了使用户界面与业务数据（内容）分离而产生的，它可以生成特定格式的文档。由于在开发过程中，网站或应用程序的界面与数据实现分离，大大提升了开发效率，良好的设计也使得代码重用变得更加容易。本文整理了10 款基于JavaScript和jQuery的模板引擎，希望能对你的开发工作带来一些帮助。1. NANO最简单的jQuery模板引擎，完美实现对JSON的解析。源码 / 演示2. The “template” binding该工具通过渲染模板将相关联的DOM元素组织到一起。源码/演示3. JsViews下一代的jQuery模板，交互式数据驱动视图，建立在JsRender模板的基础上。源码/演
阅读全文
摘要：在这篇文章中我们将向你介绍 20 个最棒的 jQuery 分页插件以及教程，并提供在线演示。1.客户端的jQuery 分页插件jPagesjPages是一个客户端的分页插件，但提供很多特性例如自动翻页、键盘和滚动浏览，延迟显示以及完全可定制的导航面板。Read MoreDemo2. jQuery ScrollPaginationjQuery ScrollPaginationplugin是一个 jQuery 实现的支持无限滚动加载数据的插件。Read MoreDemo3. jQuery 的分页插件——jqPaginationjqPagination是一个简单易用的轻量级 jQuery 分页插件，
阅读全文
摘要：这篇文章为你介绍27个jQuery插件，使得你的Web前端具备拖放操作的能力。Ajax Upload提供文件拖放上传，并显示上传进度Drop n’ Save – Drag & Drop Uploader另外一个文件拖放上传功能的实现。MORE INFO|DEMOby Codecanyon (premium plugin)jqDnRjqDnR作为jQuery是一个轻量级的，让你拖、放自如，并且调整其大小的元素插件。这个插件很简单，重量轻（972字节），非常容易实现。 能够让您的网站更方便用户使用。jQuery Drag Expose | Draggable Image Gallery使用
阅读全文
摘要：本文收录超过 25 个最新的关于 jQuery 和 CSS3 实现一些炫酷网页效果的教程，你值得拥有。jQuery and CSS3 TutorialsSlideshow with jmpress.jsResponsive Horizontal LayoutLogin and Registration Form with HTML5 and CSS3Responsive Content Navigator with CSS3Accordion with CSS3Page Transitions with CSS3Sliding Image Panels with CSS3CSS Buttons
阅读全文
摘要：在这篇文章中我们将向你介绍 20 个最棒的 jQuery 分页插件以及教程，并提供在线演示。1.客户端的jQuery 分页插件jPagesjPages是一个客户端的分页插件，但提供很多特性例如自动翻页、键盘和滚动浏览，延迟显示以及完全可定制的导航面板。Read MoreDemo2. jQuery ScrollPaginationjQuery ScrollPaginationplugin是一个 jQuery 实现的支持无限滚动加载数据的插件。Read MoreDemo3. jQuery 的分页插件——jqPaginationjqPagination是一个简单易用的轻量级 jQuery 分页插件，
阅读全文
