27个新鲜惊奇的jQuery插件与教程

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

51CTO推荐专题: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. 5 Ways To Make AJAX Calls with jQuery

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

12. Ways To Debug your jQuery or JavaScript Code

本文介绍了如何使用 jQuery 控制台登录来轻松地调试 JavaScript 代码。教程

13. AJAXed Sliding Shopping Cart Using jQuery

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

14. How To Build Animated Header in jQuery

利用 jQuery 技术为网页标题添加令人轻叹的动画背景效果。演示 | 教程

15.jQuery Comment Preview

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

16. Styling Drop Down Boxes With jQuery

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

17. Scrolling Dynamic Content Box

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

插件

1. Tipsy

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

2. jQuery YouTube PlayList

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

3. SuperFish Menus

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

4. Elastic

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

5. Anything Slider

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

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

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

原文链接:http://www.mangguo.org/30-fresh-amazing-jquery-plugin-and-tutorial/

【编辑推荐】

  1. 手把手教你用jQuery做动画插件
  2. jQuery拖动布局实现排序结果同步数据库
  3. PHP+MySQL+jQuery实现随意拖动层
  4. 3月份8个jQuery最佳插件推荐
  5. 25个超棒的jQuery日历和日期选取插件

 

责任编辑:陈贻新 来源: 芒果小站
相关推荐

2011-09-14 16:40:44

jQuery

2012-04-10 09:47:09

jQuery

2012-12-20 11:02:01

2011-10-27 15:08:03

jQuery

2011-06-07 09:22:43

jQueryjQuery插件

2009-06-24 10:58:21

jQuery插件教程

2011-07-27 13:04:39

jQuery

2012-04-26 10:56:05

jQuery效果

2012-04-05 09:50:11

jQuery

2020-11-02 14:17:29

VsCode 插件

2011-08-01 08:51:12

jQuery Mobi插件

2012-03-29 09:27:49

WEBjQuery

2012-08-08 13:50:28

jQuery

2012-06-04 15:24:56

jQuery

2011-11-25 09:09:22

jQuery

2011-07-20 13:37:14

2011-01-27 13:08:57

HTML5JavascriptWeb

2011-03-22 13:16:49

jQueryjQuery插件

2012-10-08 10:27:56

jQueryJSJavaScript

2013-12-02 14:53:20

jQuery插件
点赞
收藏

51CTO技术栈公众号