芒果小站

  1. 全球最具业界良心的主机 - Linode

    毫无疑问,目前做得最好的主机供应商

    猛击这里查看

  2. 芒果小站目前使用的主机 - Linode

    客服响应快,随时退款,XEN 架构稳定

    猛击这里查看

  3. 最好的日本东京线路主机 - Linode

    可选弗里蒙特、达拉斯、亚特兰大、纽瓦克、伦敦、东京机房

    猛击这里查看

  • 1
  • 2
  • 3
切换到精简模式
6

30+ 新鲜惊奇的 jQuery 插件与教程

作者 芒果/分类 代码/发布于 2010-01-21 10:02

在网络发展领域,由于 jQuery 简单易学,易于使用和易于扩展的特点,因此正慢慢变得无处不在。以下是从一些 jQuery 相关文章中整理出来的 30+ 新鲜与惊奇的 jQuery 插件与教程。如果你正在寻找最新的 jQuery 信息,这些内容值得一读。

教程

1. How to add preloader with loading image in a gallery using jQuery
在图像画廊载入过程中使用 jQuery 预加载技术。演示 | 教程

2. Simple Lava Lamp Menu Tutorial With jQuery
创建一个独特的熔岩灯动画效果的 jQuery 导航菜单。演示 | 教程

3. How To Create a 3D Tag Cloud in jQuery
使用 jQuery 创建类似 Flash 形式的 3D 标签云。演示 | 教程

4. Drag & Drop With jQuery
Web 应用程序的拖放功能提供了丰富的用户界面,了解如何使用 jQuery 来创建此种用户界面。演示 | 教程

5. Awesome Horizontal Animated menu using Kwicks for jQuery
使用 jQuery Kwicks 插件建立一个可定制的,灵活的横向动画菜单。演示 | 教程

6. Create a Thumbnail Gallery With Slick Heading & Caption effect
使用光标题和字幕效果创建缩略图画廊。演示 | 教程

7. Create an Attractive jQuery Menu with fade in and out effects
创建一个有吸引力的 jQuery 菜单,鼠标悬停时具有淡入背景效果。演示 | 教程

8. jQuery PHP AJAX Autosuggest
Autosuggest 是目前的 Web 应用程序中一个有用的功能。了解如何使用 jQuery 和 PHP 来创建。演示 | 教程

9. Perfect Login Drop Down Box Like Twitter
使用 jQuery 模仿 Twitter 新的下拉框效果。演示 | 教程

10. Crafting an Animated Postcard With jQuery
仅使用 jQuery 创建一个类 Flash 的明信片。演示 | 教程

11. Twitter like Search With jQuery & AJAX
使用 Ajax 在同一页创建类似 Twitter 的搜索框加载结果。演示 | 教程

12. Voting System With jQuery, AJAX, PHP
学习如何创建类似 dzone 的投票系统。演示 | 教程

13. AJAXed Sliding Shopping Cart Using jQuery
创造一个 Ajax 滑动门效果的购物篮,当更新购物车项目时滑动,并在一段时间后自动隐藏。同时还支持手动显示隐藏选项,以便在任何时候查看购物车。演示 | 教程

14. How To Build Animated Header in jQuery
利用 jQuery 技术为网页标题添加令人轻叹的动画背景效果。演示 | 教程

15. Hide and Seek With jQuery
使用 jQuery 在单一页面上,显示基于事件行为的应用程序的多个模块。演示 | 教程

16. jQuery Comment Preview
通过使用 jQuery 为用户提供实时评论预览功能。演示 | 教程

17. Styling Drop Down Boxes With jQuery
由于选择框很难使用 CSS 来定义样式,本教程将告诉你如何使用文本框和无须列表代替选取框,然后根据需要定义样式。演示 | 教程

18. Scrolling Dynamic Content Box
使用 Ajax 将内容加载至滚动 DIV。就像谷歌阅读器中当你向下滚动时,会自动加载更多项目。演示 | 教程

19. Ways To Debug your jQuery or JavaScript Code
本文介绍了如何使用 jQuery 控制台登录来轻松地调试 JavaScript 代码。教程

20. 5 Ways To Make AJAX Calls with jQuery
关于使用 jQuery 技术以不同方式创建 Ajax 请求。甚至对那些已深度熟悉 jQuery 并且用大量方法创建 Ajax 请求的开发者也很有帮助。演示 | 教程

插件

1. Tipsy
呈现 Facebook 风格的工具提示插件,基于定位标记的标题属性。演示 | 插件主页

2. jQuery YouTube PlayList
将 YouTube 链接列表转换为播放列表,让用户能够在网页本身浏览视频。演示 | 插件主页

3. SuperFish Menus
Superfish 菜单是一款易于使用的 jQuery 插件,可以将无须 HTML 列表转换成漂亮的下拉菜单。插件主页

4. Elastic
Elastic 是一款轻量级的 jQuery 插件,可使 textareas 根据内容大小自动调整尺寸。演示 | 插件主页

5. OverScroll
在网页上实施类似 iphone 的拖放滚动效果。插件主页

6. Tweetable
使用 Tweetable 轻松快捷地在网页上显示 Twitter Feed 源,可选择将 Twitter 用户名和 URL 地址转换为超级链接。演示 | 插件主页

7. jQuery Link nudge
使用 jQuery Link Nudge 插件创建移动菜单栏,效果很漂亮。演示 | 插件主页

8. TimePickr
如果需要将用户系统时间作为表单输入,使用此插件可以提供丰富的用户界面,以便输入时间。插件主页

9. Truncatable
Truncatable 允许你在网页中隐藏文本块,并在需要时显示。演示 | 插件主页

10. Incremental Search For Select Boxes
此插件将普通的选择框转换成带有增量搜索的组合框,如果选择框有很多选项,这会非常有用。演示 | 插件主页

11. Anything Slider
Anything Slider 是一款功能齐全的滑动门插件,易于定制并适应你的网站。演示 | 插件主页

英文原稿:30+ Fresh & Amazing jQuery Plugins & Tutorials | Web Developer Plus
翻译整理:30+ 新鲜惊奇的 jQuery 插件与教程 | 芒果

版权所有,转载请注明出处。
转载自 <a href="http://mangguo.org/30-fresh-amazing-jquery-plugin-and-tutorial/" title="30+ 新鲜惊奇的 jQuery 插件与教程" rel="bookmark">30+ 新鲜惊奇的 jQuery 插件与教程 | 芒果小站</a>
如果喜欢这篇文章,欢迎订阅芒果小站以获得最新内容。

已经有 6 条群众意见

  1. Jutoy /2010-01-21 12:23

    沙发!对于jQuery,我都是奉行拿来主义…哈哈 回应

    #1
  2. Hobo /2010-01-23 12:34

    都是一些不错的教程和插件。 回应

    #2
  3. 恢复盘 /2010-01-23 19:50

    谢谢提供,早些年多学点编程就好了 回应

    #3
  4. ?
    30+最新强大jQuery插件和教程 | 帕兰映像 /2010-01-25 18:35

    [...] 英文原文:30+ Fresh & Amazing jQuery Plugins & Tutorials | Web Developer Plus 中文原文:30+ 新鲜惊奇的 jQuery 插件与教程 | 芒果 [...] 回应

    #4
  5. Don /2010-02-06 16:57

    我是进来学习的,谢谢分享。 回应

    #5
  6. ?
    30+ 新鲜惊奇的 jQuery 插件与教程 | zend实验室-java/php学习教程、web前端设计、网站建设、网页设计、网络SEO推广 /2011-05-05 00:41

    [...] 转载至:30+ 新鲜惊奇的 jQuery 插件与教程 | 芒果小站 分类: javascript, 其它 标签: 临时 jQuery Tools,期待已久的内容展示型 Web UI 库8 款开源 JavaScript 框架25个顶级PHP模板引擎HTML 中的 base 标记简介CSS 中文字体 Unicode 编码方案Web 开发与设计师速查手册大全(上)CSS3 Please! CSS3 即时预览体验快速转换 CSS 字体 Unicode 编码CSS 前景图片合并技术使用 jQuery 操作 DOM:10+ 有用的代码片段 评论 (0) Trackbacks (0) 发表评论 Trackback [...] 回应

    #6

下面我简单说几句