![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jquery
文章平均质量分 63
普通网友
这个作者很懒,什么都没留下…
展开
-
原文出处:分享40个实用的jQuery用户界面UI设计技巧及教程:第一部分
翻译:Terry li - GBin1.comjQuery在web开发中已经吸引了大量开发人员。使用jQuery能构建强大的用户交互界面设计。 在本篇文章中,GBin1将与广大jQuery开发者分享40个jQuery的用户设计技巧和教程。 原文出处:分享40个实用的jQue原创 2011-07-06 23:56:14 · 422 阅读 · 0 评论 -
分享40个实用的jQuery用户界面UI设计技巧及教程:第一部分
作者:Jane Bernardo 翻译:Terry li - GBin1.com 原文: 40 Useful jQuery Techniques And Tutorials For Great User Interface jQuery在web开发中已经吸原创 2011-07-12 21:51:58 · 674 阅读 · 0 评论 -
GBin1插件分享:10个超棒tooltip的jQuery插件
日期:2011/10/09 来源:jQuery4u 翻译:GBin1.com今天我们收集了10个非常酷的jQuery Tooltip插件,希望大家能喜欢。1. Pop!使用Pop!创建简单的下拉菜单!一个并不引人注目的jQuery插转载 2011-10-10 22:51:58 · 452 阅读 · 0 评论 -
GBin1分享:Google趋势中显示jQuery是最流行的JS框架
编译:GBin1.com以下是2004到2011年各大流行JS框架主站的访问量趋势图!jQuery很明显是最流行的框架!顺便说一句,过去很难和prototype比较,因为它过去非常流行的词儿,我这里用prototype js来在google里进行搜索流行趋势比翻译 2011-09-29 18:16:30 · 621 阅读 · 0 评论 -
GBin1分享:Firebug最佳jQuery开发伴侣Firequery
作者:GBin1.com来自Antonin Hildebrand的FireQuery是一个非常简洁的帮助firebug添加jQuery支持的工具。它是在Firebug里开发jQuery的最佳伴侣。大家有兴趣可以试试,保证事半功倍!主要功能如下:jQuery相关原创 2011-09-29 18:17:37 · 690 阅读 · 0 评论 -
GBin1分享:一个漂亮的jQuery页面内容导航插件 - Flexiable Nav 编辑
GBin1分享:一个漂亮的jQuery页面内容导航插件 - Flexiable Nav 2011-10-12JQuery来源:GBin1.comFlexiable Nav是一个用来生成页面内内容导航的jQuery插件, 它能帮助你生成一个灵活的原创 2011-10-12 20:33:18 · 524 阅读 · 0 评论 -
GBin1推荐:jQuery的计算器插件 - jCalculator
作者:Terry li - GBin1.comGBin1今天给大家分享一款jQuery实现的计算器,这是一款非常简单但是提供自定义功能的jQuery插件,你可以轻易的整合到你现有的Web应用中。 在线演示 本站下载 如何原创 2011-10-12 20:33:44 · 636 阅读 · 0 评论 -
GBin1分享:jQuery1.7 Beta 预览
原文:addyosmani.com 翻译:GBin1.comjQuery 1.7 Beta 1刚发布,这里我们将介绍一些主要的新特性:介绍长期的jQuery开发者,例如, Dave, Rick, Corey, Joh Neal, Timmy还有群其它的热心翻译 2011-10-02 09:47:57 · 698 阅读 · 0 评论 -
GBin1分享:jQuery新手技巧之“避免过多使用$('.someclass')”
原文:net.tusuplus.com 翻译:GBin1.com作为nettus+的编辑,我需要检阅很多的教程。尽管jQuery已经流行了很多年了。但是这里任然有一个经常能够看到的非常容易犯得错误。样例 1首先我们看看如下代码:$('.na翻译 2011-10-08 12:45:33 · 850 阅读 · 1 评论 -
GBin1分享:jQuery UI 1.9带给我们的惊喜
日期:2011/10/09 来源:Nettuts++ 翻译:GBin1.com 在线演示 下载演示jQueryUI 1.8已经发布了一段时间了。事实上,目前版本是1.8.16。jQuery UI 1.9已经在开发过程翻译 2011-10-10 11:00:22 · 513 阅读 · 0 评论 -
GBin1推荐:使用时间轴插件Timelinr创建超酷jQuery时间轴(Time line)
日期:2011/10/09 原文:GBin1.com很多情况下,我们需要以时间序列方式列出相关的事件或者信息,这往往会用到时间轴特效,例如,GBin1网站的关于页面我们自己实现了一个简单的时间轴特效:http://www.gbin1.com/portfolio原创 2011-10-09 11:22:31 · 1047 阅读 · 0 评论 -
随机字符变换效果的jQuery插件开发教程
来源:tutorialzine.com 编译:GBin1.com在这篇快速的jQuery插件开发教程中,我们将创建一个jQuery插件用来随机排序显示任何一个DOM元素的文字内容 -这将会是一个非常有趣的效果,可以用在标题,logo及其幻灯效果中。在线演示 在线下载代码片段那么第一部呢,我们将开发jQuery插件的基本架构。我们将把代码放入一个翻译 2011-10-22 10:37:11 · 575 阅读 · 0 评论 -
GBin1推荐:一个jQuery的超级魔术布局插件 - Isotope
来源:GBin1.com今天推荐一款jQuery的超级布局插件,能够帮助你动画变化元素布局,支持各种复杂的动画模式及其选项。 在线演示主要特性:布局模式:智能,动态,纯CSS无法实现 过滤:隐藏和显示元素排序:重新排序元素,排序数据任意互动操作:特性可以和其它特性联合使用渐进的功能提升:isotope's动态引擎有效利用浏览器的特性,CSS变化和移动,CPU加速,而翻译 2011-10-23 18:23:15 · 643 阅读 · 0 评论 -
开发一款自动指向特定页面元素的jQuery插件:jQuery PointPoint
来源:tutorialzine.com 编译:GBin1.comweb设计人员感觉目前他们出于一个两难的境地:他们需要创建出优美的用户界面,需要创新并且实用。有时候,尽管我们全力付出,web应用可能还是对于初级用户难于使用。一个解决方案就是创建一套应用的使用教程。另外一个方法就是提供视觉提示。在线演示 演示下载在这个教程中,我们将开发一个jQuery翻译 2011-10-23 21:27:16 · 444 阅读 · 0 评论 -
使用jQuery图表插件Sparklines来开发一个实用的网站PV(page view)实时监控应用
日期:2011/11/14 来源:GBin1.comjQuery sparklines是一个jQuery的图表插件,可以帮助你快速构建行内的小图表,今天我们将使用Sparklines开发一个动态监视首页PV变化的应用。希望大家能喜欢,并且多多留言!在线演示如果你不知道什么是jQuery sparklines,请查看如下资源: jQuery sparklines官方网站原创 2011-11-14 18:18:52 · 569 阅读 · 0 评论 -
使用Beautify.js来美化你的jQuery代码
日期:2011/11/15 来源:GBin1.com使用程序或者某些工具自动生成的Javascript格式有时候可能会非常糟糕,这个时候如果我们拥有一个可以自动帮助你美化代码的工具将会非常的给力!今天我们介绍使用Beautify.js来帮助你自动规整jQuery代码。在线工具地址:http://jsbeautifier.org/在线下载地址:https://github.com/原创 2011-11-15 17:29:22 · 1115 阅读 · 0 评论 -
GBin1教程:使用jQuery Mobile快速开发一个手机网站
日期:2011/10/25 来源:GBin1.comjQuery mobile已经慢慢进入了web开发人员的视野,随着jQuery mobile框架的发展,使用jQuery mobile开发手机端应用将会成为一个趋势,今天GBin1带给大家一个入门级的jQuery mobile开发,将讲解如何使用jQuery快速生成一个手机端的网站,你不需要写任何一行JS代码。 在线演示原创 2011-10-25 14:58:18 · 2422 阅读 · 1 评论 -
GBin1教程:使用jQuery插件jquery.validationEngine实现表单验证功能
日期:2011/10/26 作者:Terry li/GBin1.comWeb应用及其网站开发中常需要做用户输入内容校验,使用jQuery的插件可以快速的帮助你实现相关的功能,今天我们将介绍如何使用jQuery输入验证插件form validator来实现行内表单验证。 在线演示 在线下载 我们将使用这个插件实现一个简单的注册页面,用户要求原创 2011-10-26 17:47:32 · 588 阅读 · 0 评论 -
分享2011年10月网上随机搜集的超酷超有趣的web开发和Javascript代码
日期:2011/10/26 来源:jquery4u.com 编译:GBin1.com2011年10月份就快结束了,web开发世界也发生了很多有趣的事情。下面是GBin1编译的2011年10月最酷最新的一些内容。大多数和web开发,jQuery和javascript有关。如果你很喜欢,请不吝赐教,谢谢!ChopStakesChopstakes看起来非常有趣,我也很想在i翻译 2011-10-26 21:55:14 · 422 阅读 · 0 评论 -
使用HTML5,CSS3和jQuery来增强网站的用户体验和使用乐趣
日期:2011/11/16 来源:GBin1.com 记得几年前如果你需要添加一些互动元素到你的网站中用来改善用户体验? 是不是立刻就想到了flash实现?这彷佛年代久远的事了。使用现在最流行的web技术 HTML5,CSS3和jQuery,同样也可以实现类似的用户体验。而且使用这些特性将会比使用flash更加有效。也许你可能刚知道Adobe停止开发移动版flash的消息,虽然在桌面中我原创 2011-11-16 20:27:06 · 1000 阅读 · 0 评论 -
15个值得开发人员关注的jQuery开发技巧和心得
日期:2011/11/16 来源:GBin1.com 在这篇文章中,我们将介绍15个让你的jQuery更加有效的技巧,大部分关于性能提升的,希望大家能够喜欢!1. 尽量使用最新版本的jQuery类库jQuery项目中使用了大量的创新。最好的方法来提高性能就是使用最新版本的jQuery。每一个新的版本都包含了优化的bug修复。对我们来说唯一要干的就是修改tag,何乐而不为呢?我们也原创 2011-11-17 13:02:34 · 736 阅读 · 0 评论 -
GBin1随机分享的10个使用简单的插件
日期:2011/10/28 原文:jquery4u.com 编译:GBin1.com今天分享另外10个随机选择的使用简单的jQuery插件,我知道大家会喜欢它们的!可能你们大多数人都没有使用过或者看到过这些插件,值得你了解一下。1. jQZoom Evolution只是个JS的放大器插件,使用jQuery开发。非常容易使用的放大器组件2. queue翻译 2011-10-29 11:26:08 · 453 阅读 · 0 评论 -
一个非常超级可爱的滚动到顶端(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 · 1077 阅读 · 0 评论 -
使用jQuery实现鼠标悬浮图片轮换效果
日期:2011/11/19 来源:GBin1.com一个快速添加悬浮效果,快速轮换,jQuery实现的幻灯播放效果。 在线演示 原文来自: 使用jQuery实现鼠标悬浮图片轮换效果翻译 2011-11-20 10:55:23 · 772 阅读 · 0 评论 -
使用jQuery开发一个基于HTML5的漂亮图片拖拽上传web应用
日期:2011/11/19 来源:GBin1.com 昨天我们介绍了一款HTML5文件上传的jQuery插件:jQuery HTML5 uploader,今天我们将开发一个简单的叫upload center的图片上传程序,允许用户使用拖拽方式来上传电脑上的图片,使用现在浏览器支持新的HTML5 API。图片将会有一个预览和进度条,都由客户端控制。目前,图片都保存在服务器上的一个目录里翻译 2011-11-19 14:01:27 · 867 阅读 · 0 评论 -
分享一个超酷创建互动文档的Javascript类库 - tangle
日期:2011/10/31 来源:GBin1.com今天分享一个javascript的类库tangle,用来创建互动的文档,你的访客可以互动的浏览各种数值,修改相关的参数,并且立刻看到文章的更新,非常酷的js类库。在线演示在线下载更多...来源:分享一个超酷创建互动文档的Javascript类库 -tangle原创 2011-10-31 16:38:26 · 459 阅读 · 0 评论 -
分享一个HTML5的上传jQuery插件 - jQuery HTML5 uploader
日期:2011/11/18 来源:GBin1.com 随着HTML5的使用越来越被大家接受,基于HTML5的技术和插件也会变得越来越广泛,今天我们介绍一款基于HTML5和jQuery的上传插件: jQuery HTML5 uploader。使用这个插件将会使得文件上传变得简单和有趣,你只需要拖拽文件到页面特定区域就可以上传文件。在线演示 在线下载使用方法:$原创 2011-11-18 15:21:06 · 899 阅读 · 0 评论 -
使用HTML5技术实现的全屏图片模糊效果
日期:2011/11/20 来源:GBin1.com今天我们继续分享一个干净的图片模糊效果。使用Canvas,我们想使用模糊效果处理图片轮换显示,创建一个平滑的过度效果。在线演示 在线下载 我们将使用来自Stack Blur的模糊效果,这是一个Canvas的快速高斯模糊效果,来自Quasimondo的Mario Klingemann。原文来自: 使用HTML5翻译 2011-11-20 22:13:53 · 1211 阅读 · 0 评论 -
使用HTML5和jQuery插件Quicksand实现一个超酷的星际争霸2兵种分类展示效果
日期:2011/11/01 来源:GBin1.com因为本人是星际争霸系列游戏的忠实拥簇,所以在今天的jQuery教程中,我们将使用HTML5和jQuery插件Quicksand来创建一个超酷的星际争霸兵种效果图。希望大家喜欢!如果你不熟悉jQuery插件Quicksand,那么推荐你查看这篇文章:2010年最佳jQuery插件,或者去Quicksand插件查看具体介绍。原创 2011-11-01 19:08:12 · 1060 阅读 · 0 评论 -
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 · 871 阅读 · 0 评论 -
分享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 · 807 阅读 · 0 评论 -
jQuery的平滑页面内锚定链接插件:$.smoothAnchor()
日期:2011/11/23 来源:GBin1.com jQuery的平滑页面内锚定插件提供给你一个轻量级的脚本帮助你添加页面内的锚定帮助你平滑的滚动页面。当然这里有其它的类似插件,不过这个是比较轻量级的版本。只有2kb,希望大家喜欢!在线演示来源: jQuery的平滑页面内锚定链接插件:$.smoothAnchor()转载 2011-11-24 16:48:59 · 660 阅读 · 0 评论 -
分享一个超棒的免费jQuery幻灯插件:Nivo Slider
日期:2011/11/24 来源:GBin1.com 在线演示 在线下载 最近需要寻找一个比较酷的页面幻灯显示插件,发现Nivo Slider是一个非常不错的选择。如果你需要演示新产品,或者你需要比较酷的幻灯片转化效果,Nivo幻灯是你的一个选择之... ... 原文来自: 分享一个超棒的免费jQuery幻灯插件:Nivo Slider原创 2011-11-24 19:58:58 · 556 阅读 · 0 评论 -
一个jQuery的即时新闻行情展示插件jQuery News Ticker
日期:2011/11/05 来源:GBin1.com今天分享一个新闻行情的jQUery插件,可以帮助大家使用比较小的页面区域来展示最新最重要的信息。 在线演示 jQuery news ticker是一个非常方便的jQuery插件,能够快速让你生成这样的一个新闻行情效果。它能够通过列表,HTML甚至是RSS(只能加载本站的RSS feed)来生成新闻内容,并且支持前后播原创 2011-11-05 12:35:33 · 662 阅读 · 0 评论 -
分享一个实时动态修改测试网站字体的jQuery代码片断
日期:2011/11/04 来源:GBin1.com今天GBin1带给大家一段来自fontdragr.com非常实用的代码片断,能够帮助大家实时的修改网站页面字体。这个代码片断可以帮助web设计人员实时的修改网站页面字体,或者直接演示给客户或者其它人员。希望大家喜欢!如何使用?第一步:请先拷贝并且粘贴到一个新的书签中 第二步:访问你需要测试的网站或者页面第三步:点原创 2011-11-04 22:32:51 · 573 阅读 · 0 评论 -
分享一个jQuery的全屏幻灯展示插件:Supersized 3.2
日期:2011/11/27 来源:GBin1.com今天介绍一款全屏的幻灯展示jQuery插件supersized,这个插件可以帮助你全屏展示大图片或者大背景,拥有独立的主题及其动态加载特性。在线演示主要特性:能够自动修改图片大小适合浏览器的页面大小通过幻灯展示的循环背景可以动态加载并且可以设置变化方式核心版本可以支持仅仅需要背景变化大小的需要键盘导航整合Fl原创 2011-11-27 20:54:07 · 653 阅读 · 0 评论 -
如何快速创建一个AJAX的"加载"的图片效果
日期:2011/11/06 来源:GBin1.com 开发过AJAX的朋友都可能需要自己生成"加载中”的图片显示效果,用来提示用户当前操作正在处理中。这里GBin1.com提供一个快速的方法生成这种效果。你只需要使用ajaxStart和ajaxStop方法,你可以将整个页面的ajax方法都加上“加载中”效果。如下:在线演示Javascript代码:$(documen原创 2011-11-06 13:28:57 · 612 阅读 · 0 评论 -
分享10个超酷的jQuery动画教程
日期:2011/11/26 来源:GBin1.com 这里我们收集了10个你可能没有看过的最好的动画教程。有些非常简单但是效果非常棒,如果你想自己开发一些非常酷的应用,这些教程是你能找到的不错的资源之一。希望大家喜欢,如果你有更好的教程和资源,请你给我们留言!1. jQuery开发的令人印象深刻的动画风景标题这是个卡通主题的风景,使用动画滑动显示隐藏的元素。下面的截图演示了页翻译 2011-11-28 11:40:20 · 787 阅读 · 0 评论 -
使用HTML5和jQuery插件Reel实现一个超酷的星际争霸2兵种动画360度预览效果
今天继续给大家介绍HTML5和jQuery插件结合使用生成的图形特效,这里我继续使用星际争霸2的图片元素给大家介绍一个360度全景预览兵种的特效实现,希望大家喜欢!请大家多多留言!在线演示 在线下载友情提示:以上演示中图片使用较大,如果加载不流畅,请下载到本地运行。如果你不清楚什么是360度全景预览或者不明白Reel是什么插件的话,请参考这篇文章:分享8个图片360度旋转展原创 2011-11-07 20:22:50 · 1394 阅读 · 0 评论 -
分享一个jQuery的小测验(Quiz)插件:jQuizzy
日期:2011/11/28 来源:GBin1.com在线演示偶然发现一个非常不错的生成在线测试的jQuery插件 - jQuizzy,这个插件能够帮助你快速的生成一个非常漂亮的在线测试应用。主要特性:界面非常整洁漂亮 界面互动同一个页面多个测试题无需HTML。通过简单的javascript定义测试问题完全支持定制,皮肤并且可以扩展商业使用需要付费15美金Jav原创 2011-11-29 11:06:19 · 1039 阅读 · 0 评论