摘要： 日期：2011/12/01 来源：GBin1.com在线演示 Masonry是 一款非常强大的jQuery动态网格布局插件，可以帮助开发人员快速开发类似剪贴画的界面效果。和CSS中float的效果不太一样的地方在 于，float先水平排列，然后再垂直排列，使用Masonry则垂直排列元素，然后将下一个元素放置到网格中的下一个开发区域。这种效果可以最小化处理 不同高度的元素在垂直方向的间隙。如下：在上图中大家可以看到，在网格布局中使用float来处理不同高度的元素会使得垂直方向的元素间间隔比较大，而使用Masonry处理后，间隔变小。Javascript首先倒入类库，如下：<script 阅读全文

摘要： jQuery技术在线小测试:http://www.gbin1.com/technology/onlinequiz/jqueryquiz/ 阅读全文

摘要： 日期：2011/11/28 来源：GBin1.comjQuery中的鼠标事件中有mouseout和mouseleave俩个看起来类似的事件。这俩个事件的使用有些区别，如下是jQuery文档中的官方解析：The mouseleave event differs from mouseout in the way it handles event bubbling. If mouseout were used in this example, then when the mouse pointer moved out of the Inner element, the handler would b 阅读全文

摘要： 在线演示 偶然发现一个非常不错的生成在线测试的jQuery插件 - jQuizzy，这个插件能够帮助你快速的生成一个非常漂亮的在线测试应用。主要特性：界面非常整洁漂亮界面互动同一个页面多个测试题无需HTML。通过简单的javascript定义测试问题完全支持定制，皮肤并且可以扩展商业使用需要付费15美金Javascript倒入类库及其问题js:<script src="js/init.js"></script><script src="js/jquery.js"></script><script sr 阅读全文

摘要： 日期：2011/11/26这里我们收集了10个你可能没有看过的最好的动画教程。有些非常简单但是效果非常棒，如果你想自己开发一些非常酷的应用，这些教程是你能找到的不错的资源之一。希望大家喜欢，如果你有更好的教程和资源，请你给我们留言！1. jQuery开发的令人印象深刻的动画风景标题这是个卡通主题的风景，使用动画滑动显示隐藏的元素。下面的截图演示了页面动画效果在线演示2. jQuery实现的冒烟效果非常棒的一个动画冒烟效果在线演示3. BBC Radio 1 Zoom Tabs学习这个教程你可以明白如何开发一个BBC Radio缩放标签页效果，当鼠标滚动到图片区，标签页滑出，图片缩放了一些用来更 阅读全文

摘要： 今天介绍一款全屏的幻灯展示jQuery插件supersized，这个插件可以帮助你全屏展示大图片或者大背景，拥有独立的主题及其动态加载特性。在线演示 主要特性：能够自动修改图片大小适合浏览器的页面大小通过幻灯展示的循环背景可以动态加载并且可以设置变化方式核心版本可以支持仅仅需要背景变化大小的需要键盘导航整合Flickr - 可以从用户，组或者集合中拉取图片参考网站项目页面来查看更多信息Supersized 3.2新特性完整的重写了代码更多地选项，包括阻止幻灯被中断链接到幻灯页面允许直接调用功能（例如，播放，停止，前进，后退等）主题文件和基本文件分离，更加容易升级Javascript倒入jQue 阅读全文

摘要： 在线演示在线下载最近需要寻找一个比较酷的页面幻灯显示插件，发现Nivo Slider是一个非常不错的选择。如果你需要演示新产品，或者你需要比较酷的幻灯片转化效果，Nivo幻灯是你的一个选择之一。主要特性：号称世界最棒的jQuery幻灯插件16种幻灯变化的特效简单并且配置灵活体积小并且符合语义jQuery插件使用免费（但是wordpress插件需要付费：20美元）这里我稍微说一下，jQuery的插件到处都有，我们需要有目的的选择一下插件，这个网站拥有自己独立的网站，网站非常正规，别的不说，使用着就放心。而且有技术支持团队，不过只支持付费用户。幻灯效果和效率都不错，堪比flash的幻灯。例如， 这 阅读全文

摘要： 日期：2011/11/23 来源：GBin1.com jQuery的平滑页面内锚定插件提供给你一个轻量级的脚本帮助你添加页面内的锚定帮助你平滑的滚动页面。当然这里有其它的类似插件，不过这个是比较轻量级的版本。只有2kb，希望大家喜欢！在线演示 jQuery代码var JQUERY4U = {}JQUERY4U.UTIL = { /* * Utility function used to make anchor links animate smoothly instead of jumping. */ smoothAnchor: function (anchorCla... 阅读全文

摘要： 日期：2011/11/21 GBin1.com基于文字的logo是设计者根据文字形状发挥想象创意的设计。Logo的设计是商业的图形化代表，它代表了商业产品特点，因此Logo应该根据公司的信誉来设计。因 为Logo的设计追求简单并且明了然而依然可以清晰的体现logo设计的含义。文字化的logo设计能很好的完成这个需要因为他们简单并且优秀。可能文字 化的logo是最有效的来满足用户及其潜在需要的设计方式。我们的网站GBin1.com同时也是采用了文字化的logo。它简单明了，并且能够让你一眼 就记住网站地址。在今天的这篇文章中，这里我们将介绍50款我们收集的富有创业的文字类型的Logo，希望大家能 阅读全文

摘要： 日期：2011/11/21 GBin1.com 即 使web设计已经成为一个真正的产业，开发一个网站仍旧是技术和艺术的结合。一个网站的设计即可以带来大量流量，同时也可以吓走大量用户。当然这些都和设 计师相关。经验，天份和能力三方面的努力是一个设计师最强大的工具，一个设计精良的布局是所有这些的基础。而且，这也是一个非常耗时的工作。设计一个非常好的布局是一件非常不容易的事情，而且判断的方式也非常的主观。任何一个设计可能会取悦你，也可能让其它人厌恶。尽管这样，这里仍旧有些大家都承认的设计误区。为了帮助大家来避免这些错误和误区，我们列出了一些设计的小技巧。我们同时也希望大家能够帮助我们完善这些小技巧。 阅读全文

摘要： 日期：2011/11/19 来源：GBin1.com一个快速添加悬浮效果，快速轮换，jQuery实现的幻灯播放效果。在线演示 原文来自： 使用jQuery实现鼠标悬浮图片轮换效果 阅读全文

摘要： 日期：2011/11/19 昨天我们介绍了一款HTML5文件上传的jQuery插件：jQuery HTML5 uploader，今天我们将开发一个简单的叫upload center的图片上传程序，允许用户使用拖拽方式来上传电脑上的图片，使用现在浏览器支持新的HTML5 API。图片将会有一个预览和进度条，都由客户端控制。目前，图片都保存在服务器上的一个目录里，当然你可以自己加强相关功能。在线演示 在线下载 什么是HTML文件上传？使用HTML5上传文件其实综合使用了3种技术，新的File Reader API，还有新的Drag&Drop API，以及AJAX技术（包含2进制的数据传输） 阅读全文

摘要： 随着HTML5的使用越来越被大家接受，基于HTML5的技术和插件也会变得越来越广泛，今天我们介绍一款基于HTML5和jQuery的上传插件: jQuery HTML5 uploader。使用这个插件将会使得文件上传变得简单和有趣，你只需要拖拽文件到页面特定区域就可以上传文件。在线演示 在线下载 使用方法：<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script><s 阅读全文

摘要： 日期：2011/11/17 来源：GBin1.com 今天介绍一个非常可爱漂亮的滚动到顶端的插件,无需设置。它能快速的将页面里的元素添加滚动到顶端的功能。而且只在滚动时才出现，当滚动到顶端自动消失。在线演示在线下载支持：Firefox, Chrome and IE7+Javascript<script type="text/javascript" src="js/jquery.backtotop.js"></script><script type="text/javascript"> $(" 阅读全文

摘要： 日期：2011/11/16 在这篇文章中，我们将介绍15个让你的jQuery更加有效的技巧，大部分关于性能提升的，希望大家能够喜欢！1. 尽量使用最新版本的jQuery类库jQuery项目中使用了大量的创新。最好的方法来提高性能就是使用最新版本的jQuery。每一个新的版本都包含了优化的bug修复。对我们来说唯一要干的就是修改tag，何乐而不为呢？我们也可以使用免费的CDN服务，例如， Googl... 阅读全文