摘要： 日期：2011/10/17 来源：GBin1.com今天我们介绍一款可以用作页面内滚动操作的导航插件Waypoints。它可以让你方便的处理页面滚动事件，你可以比较自由的在自己的UI中使用这个插件控制页面滚动事件。Waypoints根据用户滚动的位置来帮助开发者构建相关的设计。无限滚动演示 滚动分析演示Select控制演示 贴边元素演示文章来源：GBin1推荐：jQuery的页面内导航插件Waypoints 阅读全文

摘要： 日期：2011/10/13 作者：Terry li - GBin1.com一个好的web设计人员在于设计灵感，而Web设计的灵感来源之一就是学习别人的设计理念和想法，同时能熟练应用到自己的设计和开发项目中，互联网技术的发展使得我们能够接触到很多关于Web设计的资源和网站，如何找到合适的内容对于我们来说是一个不小的挑战，那么今天GBin1将带来10个精心挑选的 web设计博客和大家分享，希望大家能够喜欢，并且留言多多支持！原文：分享10个GBin1强烈推荐的Web设计博客 阅读全文

摘要： 作者：Terry li - GBin1.comGBin1今天给大家分享一款jQuery实现的计算器，这是一款非常简单但是提供自定义功能的jQuery插件，你可以轻易的整合到你现有的Web应用中。在线演示 本站下载 如何使用将如下代码放入你需要整合的页面：$().ready(function() { $('#example1').calculator();});插件选项defaultOpen: 缺省为 true加载时缺省的状态title: 缺省为 'Calculator'计算器的标题内容设置accuracy: 缺省为 12可接受输入的数字位数width: 缺省为 阅读全文

摘要： 来源：GBin1.comFlexiable Nav是一个用来生成页面内内容导航的jQuery插件， 它能帮助你生成一个灵活的页面内容导航。所有生成的导航都显示在屏幕右边。如下图：在线演示 本站下载 它主要通过分析页面内容里的header标签来生成页面导航内容，而且能够根据页面距离生成相应导航间的距离。通过配置对应的参数，我们也可以定义去按指定给定的标签生成导航内容。插件支持主流的浏览器， 不过貌似IE8不支持，firefox和chrome都支持来源： GBin1分享：一个漂亮的jQuery页面内容导航插件 - Flexiable Nav 阅读全文

摘要： 日期：2011/10/11 原文：jquery4u.com 编译：GBin1.comGBin1今天特意选取了10个非常吸引眼球的jQuery小组件和插件与大家分享，其中包括图片廊，文本功能提升，及其图片变化等等。 希望大家喜欢，如果你觉得不错请留言支持GBin1.com，谢谢！1. jQuery MasonryjQuery的一个布局插件。它可以当做CSS悬浮控制的反过程。悬浮安排元素水平方向然后垂直方向， 使用Masonry则控制元素垂直方向，然后水平方向GBin1分享的10个吸引眼球的jQuery插件2. Sponsor Flip Wall with jQuery... 阅读全文

摘要： 来源: 雷锋网发射一颗刻有你名字的DIY卫星，让它在你的头顶转圈需要多少钱？10万美金？20万美金？告诉你吧：这绝对比你想象的要少得多。康奈尔大学太空工程系学生Zac Manchester借助Kickstarter平台提出了一个创项目：一个只有硬币大小，叫做Sprite的“小卫星”，这个小卫星包含太阳能电池、一 个无线电收发器、一个微控制器、内存和传感器，麻雀虽小五脏俱全，从某种意义上来说，这确实是一个缩小了的卫星。Zac Manchester希望在Kickstarter平台筹集30000美元以便完成这一项目，以便将这些小卫星送入太空。Zac Manchester称，他会将若干个小卫星装入一个 阅读全文

摘要： 日期：2011/10/09 来源：jQuery4u 翻译：GBin1.com 今天我们收集了10个非常酷的jQuery Tooltip插件，希望大家能喜欢。1. Pop！使用Pop！创建简单的下拉菜单！一个并不引人注目的jQuery插件2. BetterTip允许你创建定制的Tool tips的jQuery插件3. EZPZ Tooltip 非常简单的使用边框tooltip，同样也可以跟随鼠标更多请查看原文原文来自：GBin1插件分享：10个超棒tooltip的jQuery插件 阅读全文

摘要： 日期：2011/10/09 来源：Nettuts++ 翻译：GBin1.com 在线演示 下载演示jQueryUI 1.8已经发布了一段时间了。事实上，目前版本是1.8.16。jQuery UI 1.9已经在开发过程中，并且带来了不少新的小组件，并且在稳定性和性能上有了提升。最大的变化在于新的小组件（Widgets），但是同时也修改了一些已经存在的组件。我们将先介绍新的组件。这些组件还在开发初期过程中，但是你应该意识到离正式完成之前可能API还会有变化。原文来自：GBin1分享：jQuery UI 1.9带给我们的惊喜 阅读全文

摘要： 来源：雷锋网你小时候玩过的遥控电动车又有了新的升级版本：遥控iPhone机器人Romo。Romo是Romotive推出的一个 项目，两位创始人Peter Seid和Phu Nguyen称他们从小就喜欢机器人，现在，他们希望延续这一梦想，并将功能强大的iPhone与机器人相结合。他们希望募集32000美元来完成这一项 目，而捐助者只需捐助78美元，就能成为第一批Romo机器人的拥有者。原文来自： http://www.gbin1.com/internet/mobile/20111009iphonerobotromo/index.html 阅读全文

摘要： 日期：2011/10/09 原文：GBin1.com很多情况下，我们需要以时间序列方式列出相关的事件或者信息，这往往会用到时间轴特效，例如，GBin1网站的关于页面我们自己实现了一个简单的时间轴特效：http://www.gbin1.com/portfolio/about/ 。为了方便大家快速实现时间轴特效，今天GBin1这里给大家介绍一款非常酷的时间轴特效插件Timelinr，希望大家能喜欢。Timelinr插件首页： http://www.csslab.cl/2011/08/18/jquery-timelinr/目前Timelinr版本为0.9.4，支持垂直及其水平方向的时间轴显示，... 阅读全文

摘要： 日期：2011/10/08 原文：jquery4u.com 翻译：GBin1.com今天GBin1分享给大家一些jQuery4u撰写的firebug控制台实用技巧，帮助你真正了解并且掌握Firebug控制台。如果你不知道什么是firebug，那么GBin1建议你查看这篇文章： 主流浏览器中常用的Javascript开发Debug工具，这篇文章我们介绍了什么是Firebug并且如何配置和安装。技巧1：隐藏烦人的错误firebug有一些选项可以帮助你隐藏那些烦人的错误信息！（你有可能看到这些错误如果你的代理服务器配置信息过期了，如果你在上班那么和你管理员查验一下是否使用正确的.pac文... 阅读全文

摘要： 原文：net.tusuplus.com 翻译：GBin1.com作为nettus+的编辑，我需要检阅很多的教程。尽管jQuery已经流行了很多年了。但是这里任然有一个经常能够看到的非常容易犯得错误。样例 1首先我们看看如下代码：$('.nav a').click(function() { $(this).hide(); $(this).css('color', 'red'); $(this).show(); alert('something else'); $(this).hide(); return false;});以上代码因 阅读全文

摘要： 原文：addyosmani.com 翻译：GBin1.comjQuery 1.7 Beta 1刚发布，这里我们将介绍一些主要的新特性：介绍长期的jQuery开发者，例如, Dave, Rick, Corey, Joh Neal, Timmy还有群其它的热心开发者已经在新的jQuery核心特性上付出了很多努力 。这是个1.7版本的一个beta版，他们希望能在接下来的一到俩个周内完成。一些补丁和其它的新的递交文件还在测试当中，我想使用我们的单元测试来带大家看看1.7中的新特性将是一个非常有意思的事情。并且我们提供一些额外的代码解释。所有的这些都可以在jsfiddle（ jsFiddle.ne... 阅读全文

摘要： 作者：Kelli Shaver翻译：Terry li - GBin1.com - 2011/07/13英文：7 Great JavaScript Resources随着服务器端和浏览器技术发展，各种新旧的类库都跟随着进化了。作为一个JS开发人员，我们需要紧跟最新的技术和新闻。GBin1帮助大家在这篇文章里汇集了7个最受欢迎的javascript资源，无论你是新手还是老手，你都能发现这些资源对于工作非常有益处。1. Mozilla Developer Network（MDN）MDN已经成为事实上javascript文档资源库，对于初学者和老手来说都是不错学习资源。这里你可以找到官方的完整的jav 阅读全文

摘要： 最近有个内部项目需要使用组织结构图(organization chart)， 寻找了一些开源的项目及其类库，发现竟然没有现成的JS类库可以使用，找到一些简单的JS实现，不过界面及其操作及其简单，不过功夫不负有心人，经过几天国内国外的搜索，找到了一个非常好的解决方案，这里分享给大家。Javascript InfoVis tools这个开源的javascript类库可以生成非常炫酷的结构和图形，我选择了其中的一种spacetree类型做为我的组织结构图基础，这种图形可以支持一下特性：支持向上下左右四个方向展开图表支持子节点扩展支持图表拖放支持图表缩放整个类库异常强大，非常合适复杂的图形功能需求，如 阅读全文