2011年11月_普通网友

原创 jQuery中如何使用mouseout和mouseleave?

日期：2011/11/28 来源：GBin1.comjQuery中的鼠标事件中有mouseout和mouseleave俩个看起来类似的事件。这俩个事件的使用有些区别，如下是jQuery文档中的官方解析：The mouseleave event differs from mouseout in the way it handles event bubbling. Ifmouseou

2011-11-29 22:20:50 441

原创分享一个jQuery的小测验(Quiz)插件：jQuizzy

日期：2011/11/28 来源：GBin1.com在线演示偶然发现一个非常不错的生成在线测试的jQuery插件 - jQuizzy，这个插件能够帮助你快速的生成一个非常漂亮的在线测试应用。主要特性：界面非常整洁漂亮界面互动同一个页面多个测试题无需HTML。通过简单的javascript定义测试问题完全支持定制，皮肤并且可以扩展商业使用需要付费15美金Jav

2011-11-29 11:06:19 1048

翻译分享10个超酷的jQuery动画教程

日期：2011/11/26 来源：GBin1.com 这里我们收集了10个你可能没有看过的最好的动画教程。有些非常简单但是效果非常棒，如果你想自己开发一些非常酷的应用，这些教程是你能找到的不错的资源之一。希望大家喜欢，如果你有更好的教程和资源，请你给我们留言！1. jQuery开发的令人印象深刻的动画风景标题这是个卡通主题的风景，使用动画滑动显示隐藏的元素。下面的截图演示了页

2011-11-28 11:40:20 803

原创分享一个jQuery的全屏幻灯展示插件：Supersized 3.2

日期：2011/11/27 来源：GBin1.com今天介绍一款全屏的幻灯展示jQuery插件supersized，这个插件可以帮助你全屏展示大图片或者大背景，拥有独立的主题及其动态加载特性。在线演示主要特性：能够自动修改图片大小适合浏览器的页面大小通过幻灯展示的循环背景可以动态加载并且可以设置变化方式核心版本可以支持仅仅需要背景变化大小的需要键盘导航整合Fl

2011-11-27 20:54:07 665

原创分享一个超棒的免费jQuery幻灯插件：Nivo Slider

日期：2011/11/24 来源：GBin1.com 在线演示在线下载最近需要寻找一个比较酷的页面幻灯显示插件，发现Nivo Slider是一个非常不错的选择。如果你需要演示新产品，或者你需要比较酷的幻灯片转化效果，Nivo幻灯是你的一个选择之... ... 原文来自：分享一个超棒的免费jQuery幻灯插件：Nivo Slider

2011-11-24 19:58:58 571

转载 jQuery的平滑页面内锚定链接插件：$.smoothAnchor()

日期：2011/11/23 来源：GBin1.com jQuery的平滑页面内锚定插件提供给你一个轻量级的脚本帮助你添加页面内的锚定帮助你平滑的滚动页面。当然这里有其它的类似插件，不过这个是比较轻量级的版本。只有2kb，希望大家喜欢！在线演示来源： jQuery的平滑页面内锚定链接插件：$.smoothAnchor()

2011-11-24 16:48:59 673

翻译分享10个 jQuery 的语言翻译插件

日期：2011/11/23 来源：GBin1.com 和Google翻译类似，jQuery插件也可以用来整合语言翻译到你的网站，这里我们分享了非常不错的10个jQuery插件。希望大家喜欢！1. jQuery Translator Plugin使用jQuery翻译插件，网页不用修改就可以很容易的翻译成其它语言。你只需要提供script并且初始化翻译插件。2. jTex

2011-11-24 16:48:13 827

翻译使用HTML5技术实现的全屏图片模糊效果

日期：2011/11/20 来源：GBin1.com今天我们继续分享一个干净的图片模糊效果。使用Canvas，我们想使用模糊效果处理图片轮换显示，创建一个平滑的过度效果。在线演示在线下载我们将使用来自Stack Blur的模糊效果，这是一个Canvas的快速高斯模糊效果，来自Quasimondo的Mario Klingemann。原文来自：使用HTML5

2011-11-20 22:13:53 1224

翻译使用jQuery实现鼠标悬浮图片轮换效果

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

2011-11-20 10:55:23 778

翻译使用jQuery开发一个基于HTML5的漂亮图片拖拽上传web应用

日期：2011/11/19 来源：GBin1.com 昨天我们介绍了一款HTML5文件上传的jQuery插件：jQuery HTML5 uploader，今天我们将开发一个简单的叫upload center的图片上传程序，允许用户使用拖拽方式来上传电脑上的图片，使用现在浏览器支持新的HTML5 API。图片将会有一个预览和进度条，都由客户端控制。目前，图片都保存在服务器上的一个目录里

2011-11-19 14:01:27 875

原创分享一个HTML5的上传jQuery插件 - jQuery HTML5 uploader

日期：2011/11/18 来源：GBin1.com 随着HTML5的使用越来越被大家接受，基于HTML5的技术和插件也会变得越来越广泛，今天我们介绍一款基于HTML5和jQuery的上传插件: jQuery HTML5 uploader。使用这个插件将会使得文件上传变得简单和有趣，你只需要拖拽文件到页面特定区域就可以上传文件。在线演示在线下载使用方法：$

2011-11-18 15:21:06 909

原创一个非常超级可爱的滚动到顶端(Back to top)的jQuery插件- jQuery Back to Top

日期：2011/11/17 来源：GBin1.com今天介绍一个非常可爱漂亮的滚动到顶端的插件,无需设置。它能快速的将页面里的元素添加滚动到顶端的功能。而且只在滚动时才出现，当滚动到顶端自动消失。在线演示在线下载支持：Firefox, Chrome and IE7+Javascript $("#back-to-top").backToTop();

2011-11-17 22:28:24 1088

原创 15个值得开发人员关注的jQuery开发技巧和心得

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

2011-11-17 13:02:34 746

原创使用HTML5,CSS3和jQuery来增强网站的用户体验和使用乐趣

日期：2011/11/16 来源：GBin1.com 记得几年前如果你需要添加一些互动元素到你的网站中用来改善用户体验？是不是立刻就想到了flash实现？这彷佛年代久远的事了。使用现在最流行的web技术 HTML5，CSS3和jQuery，同样也可以实现类似的用户体验。而且使用这些特性将会比使用flash更加有效。也许你可能刚知道Adobe停止开发移动版flash的消息，虽然在桌面中我

2011-11-16 20:27:06 1012

转载分享免费的图形设计软件以及超棒的作品集展示

日期：2011/11/15 来源：GBin1.com毫无疑问，图形领域的私有软件使得刚起步的一些其它软件需要更多时间来适应。但是这里仍旧有一些非常棒的图形软件值得大家关注。当然他们可能无法取代已经被我们耳熟能详的大品牌软件。我们也没有办法比较孰优孰劣。所有这些都在于我们究竟要用它做什么。这些软件是由社区开发的，因此我们不能指望它能像Photoshop那样变化。这不代表它好或

2011-11-15 19:04:43 727

原创使用Beautify.js来美化你的jQuery代码

日期：2011/11/15 来源：GBin1.com使用程序或者某些工具自动生成的Javascript格式有时候可能会非常糟糕，这个时候如果我们拥有一个可以自动帮助你美化代码的工具将会非常的给力！今天我们介绍使用Beautify.js来帮助你自动规整jQuery代码。在线工具地址：http://jsbeautifier.org/在线下载地址：https://github.com/

2011-11-15 17:29:22 1134

原创使用jQuery图表插件Sparklines来开发一个实用的网站PV(page view)实时监控应用

日期：2011/11/14 来源：GBin1.comjQuery sparklines是一个jQuery的图表插件，可以帮助你快速构建行内的小图表，今天我们将使用Sparklines开发一个动态监视首页PV变化的应用。希望大家能喜欢，并且多多留言！在线演示如果你不知道什么是jQuery sparklines，请查看如下资源： jQuery sparklines官方网站

2011-11-14 18:18:52 576

原创分享一个比lightbox配置更方便的web2.0图片显示jQuery插件：Topup

日期：2011/11/12 来源：GBin1.com在线演示Topup是一个使用非常简单的javascript类库用来使用web2.0的弹出方式展示图片。这个类库基于jQuery和jQuery UI以保证跨浏览器的兼容性。提供如下特性：主要特性：绝对免费，甚至对于商业使用也同样免费配置非常简单，只需要包括一个include语句，没有其它更多配置使用Topup能保持你

2011-11-12 23:22:50 625

转载分享10个必备的简化Web设计的HTML5工具

日期：2011/11/11 来源：GBin1.com这个文章是适合真正想去做HTML5应用的设计人员和开发人员阅读。这里我将不再重复HTML5开发的重要性。因为大家都已经知道这点。这里我收集了10个HTML5的工具帮助你在不同的方面简化你的开发和设计。如果你也喜欢这个文章，请在我们的网站GBin1留言支持！1. FindmebyIP一个列出了所有浏览器对于HTML5支持细节的网站

2011-11-11 13:49:44 665

翻译分享10个便利的HTML5/CSS3框架

日期：2011/11/10 来源：GBin1.com所有的开发人员都应该注意了，你们绝对应该看看这篇文章，帮助你快速创建HTML5/CSS3的开发框架。可能你也看到过其它的框架，但是你应该看看这些框架，因为你以前可能没用过他们中的大部分。看看最新的实用HTML5和CSS3框架吧！希望你们喜欢！1. HTML5boilerplate H5BP带给你非常漂亮的文档，一个网站优化的编译脚

2011-11-10 21:25:22 910

原创分享5个javascript的数字格式化函数

日期：2011/11/10 来源：GBin1.comJavascript没有任何内建的格式化函数，这里我们通过Google收集了5个javascript的数字格式化函数，希望对于大家的web开发能够带来方便。十进制四舍五入这两段代码帮助你做到四舍五入，对于你显示价格或者订单比较有用：代码1： function CurrencyFormatted(amount) {

2011-11-10 18:31:14 479

翻译时髦而精巧的Iphone墙纸收集

日期：2011/11/10 来源：GBin1.comIphone5如此的流行，我觉得我们有必要为我们的读者收集一套时尚的iphone墙纸。知道设计和开发社区是多么喜欢装饰他们的移动设备，我们收集了各大社区最好的iphone墙纸，帮助你更好的装饰你的iphone设备。因为有如此多的墙纸设计，我们专注于比较知名的网站和设计人员。Veerle's BlogDownloadD

2011-11-10 13:53:03 502

原创 SEO意识的网站设计：设计和SEO的完美结合可能么？

日期：2011/11/10 来源：GBin1.com介绍约束和创新是一对天生的冤家，为了更好的提升其中一个方面你不得不需要牺牲另外一个方面。同样的原因造成了设计者仍然在黑暗中摸索如果有效的结合SEO和设计理念。SEO往往遵循着特定的原则，但是伟大的设计往往超越了传统，可能带来了互相冲突的地方。但是我们都知道，一个好的设计应该是没有意义的，除非它能得到在线的关注。因此，我们将开辟一个前

2011-11-10 13:50:39 390

原创 10分钟快速配置sublime2支持jQuery开发

来源：GBin1.com昨天介绍了javascript的开发工具sublime 2 edit，今天我们将介绍如何10分钟快速配置sublime2支持jQuery开发。希望大家能喜欢着款jQuery开发工具。相关介绍：使用sublime text 2开发Javacript和jQuery安装Sublime 2 Sublime2下载地址：http://www.sublimetext.

2011-11-09 12:15:01 722

原创使用sublime text 2开发Javacript和jQuery

来源：GBin1.com经常听见大家抱怨javascript开发没有好的IDE，当然我也同意。但是如果你尝试sublime text 2后估计你可能改变这个观点。下载地址：http://www.sublimetext.com/download 主要特性：jQuery功能版本：绝对是我这个jQuery坚决支持者的最爱！你只需要简单的输入$.ajax，然后按Tab键，自

2011-11-08 18:09:04 589

原创使用HTML5和jQuery插件Reel实现一个超酷的星际争霸2兵种动画360度预览效果

今天继续给大家介绍HTML5和jQuery插件结合使用生成的图形特效，这里我继续使用星际争霸2的图片元素给大家介绍一个360度全景预览兵种的特效实现，希望大家喜欢！请大家多多留言！在线演示在线下载友情提示：以上演示中图片使用较大，如果加载不流畅，请下载到本地运行。如果你不清楚什么是360度全景预览或者不明白Reel是什么插件的话，请参考这篇文章：分享8个图片360度旋转展

2011-11-07 20:22:50 1405

原创如何快速创建一个AJAX的"加载"的图片效果

日期：2011/11/06 来源：GBin1.com 开发过AJAX的朋友都可能需要自己生成"加载中”的图片显示效果，用来提示用户当前操作正在处理中。这里GBin1.com提供一个快速的方法生成这种效果。你只需要使用ajaxStart和ajaxStop方法，你可以将整个页面的ajax方法都加上“加载中”效果。如下：在线演示Javascript代码：$(documen

2011-11-06 13:28:57 618

翻译 16个激发你创新灵感的网站设计资源

日期：2011/11/05 来源：queness 编译：GBin1.com感谢设计社区的开放性，我们可以让web设计人员，图形设计人员拥有无数的网络资源。社交网站的发展使得我们可以拥有一个展现自己的平台，用来和不同的人分享自己的设计和概念。许多人都使用它来展示自己的作品，更多的人通过它来发现自己作品的问题。这里我们发现了和很多有趣的设计和灵感，帮助你拍拖设计上颈瓶。希望能帮助你扩展你设计

2011-11-05 21:56:56 1426

原创一个jQuery的即时新闻行情展示插件jQuery News Ticker

日期：2011/11/05 来源：GBin1.com今天分享一个新闻行情的jQUery插件，可以帮助大家使用比较小的页面区域来展示最新最重要的信息。在线演示 jQuery news ticker是一个非常方便的jQuery插件，能够快速让你生成这样的一个新闻行情效果。它能够通过列表，HTML甚至是RSS（只能加载本站的RSS feed）来生成新闻内容，并且支持前后播

2011-11-05 12:35:33 675

原创分享一个实时动态修改测试网站字体的jQuery代码片断

日期：2011/11/04 来源：GBin1.com今天GBin1带给大家一段来自fontdragr.com非常实用的代码片断，能够帮助大家实时的修改网站页面字体。这个代码片断可以帮助web设计人员实时的修改网站页面字体，或者直接演示给客户或者其它人员。希望大家喜欢！如何使用？第一步：请先拷贝并且粘贴到一个新的书签中第二步：访问你需要测试的网站或者页面第三步：点

2011-11-04 22:32:51 586

翻译 GBin1分享的8个图片360度旋转展示的jQuery插件

日期：2011/11/02 原文：jquery4u.com 编译：GBin1.com今天分享8个可以帮助你360度旋转显示图片的jQuery插件，这些插件能帮助你更好的提供图片商品的浏览体验。一旦你用上，肯定会喜欢的！1. Reel 1.1.3 Reel是一个jQuery的插件可以帮助你将图片生成一个实时的动画。它提供了360度的视图，可以作为flash和Java的另外一个选择

2011-11-02 17:36:51 897

原创使用HTML5和jQuery插件Quicksand实现一个超酷的星际争霸2兵种分类展示效果

日期：2011/11/01 来源：GBin1.com因为本人是星际争霸系列游戏的忠实拥簇，所以在今天的jQuery教程中，我们将使用HTML5和jQuery插件Quicksand来创建一个超酷的星际争霸兵种效果图。希望大家喜欢！如果你不熟悉jQuery插件Quicksand，那么推荐你查看这篇文章：2010年最佳jQuery插件，或者去Quicksand插件查看具体介绍。

2011-11-01 19:08:12 1069

GBin1.com