JQuery知识:20个jQuery教程+11个jQuery插件

在网络发展领域,由于 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 插件与教程

时间: 2024-05-16 10:55:18

JQuery知识:20个jQuery教程+11个jQuery插件的相关文章

分享20多个很棒的jQuery 文件上传插件或教程_jquery

1. Plupload Plupload 是一个Web浏览器上的界面友好的文件上传模块,可显示上传进度.图像自动缩略和上传分块.可同时上传多个文件. 2. The KillersAjax Upload 该插件使用 XHR 用于上传多个文件,支持上传进度显示,但不支持 IE 3. SWFUpload jQuery Plugin 4. AjaxFileUpload 5. Uploadify Uploadify简单说来,是基于Jquery的一款文件上传插件.它的功能特色总结如下: 支持单文件或多文件上

jQuery入门(20) jQuery UI基本工作过程

本篇介绍JQuery UI组件的基本工作过程,以进程条(Progressbar)为例介绍JQuery UI组件工作的 基本过程. 初始化 大部分JQuery Ui组件都可以保持其状态,因此为了能够跟踪UI组件的状 态,jQuery UI组件也有一个生命周期,这个生命周期从初始化开始,为了初始化一个UI组件,一般在 某个HTML元素调用UI组件(插件)方法.,比如 $( "#elem" ).progressbar(); 这 个方法初始化id=elem的元素,因为我们调用progressb

超酷的jQuery百叶窗图片滑块实现教程

原文:超酷的jQuery百叶窗图片滑块实现教程 今天我们要来分享一款基于jQuery的百叶窗焦点图插件,也可以说是图片滑块插件.这种jQuery焦点图插件的应用非常广泛,在早些年前,我们需要用flash来完成这种百叶窗的效果.如今我们可以用jQuery来实现这个动画效果.这款jQuery百叶窗焦点图不仅可以横向切换,也可以垂直切换,效果都非常不错. 你也可以在这里查看在线演示 下面我们来简单解说一下实现这款jQuery百叶窗焦点图的过程和代码,代码主要由HTML.CSS以及jQuery组成,实现

20款效果非常棒的 jQuery 插件小结分享_jquery

1. Jquery HTML5 Audio Library     2. Image Wall     3. Grid Navigation Effects     4. Background Slide Show     5. Fluid Thumbnail Bar     6. Sliding Background Image Menu     7. Slick and Easy Jquery Image Gallery     8. Light weight Modal Windows  

精心挑选的15个jQuery下拉菜单制作教程_jquery

今天本文就为大家挑选了25个非常好的 jQuery 下拉菜单制作教程和示例. Slide Down Box Menu with jQuery and CSS3 ( 演示 | 下载 ) Fancy Drop Down Menus Using CSS and JQuery. ( 演示 | 下载 ) Sliding Jquery Menu ( 演示 | 下载 ) Create Simple Dropdown Menu Using jQuery ( 演示 | 下载 ) Designing the Dig

18 个 jQuery Mobile 开发贴士和教程

jQuery Mobile 是 jQuery 在手机上和平板设备上的版本.jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架.支持全球主流的移动平台. Hardboiled CSS3 Media Queries 在 jQuery Mobile 中使用 Google Analytics 通过 Ajax 和 PHP 提交 jQuery Mobile表单 使用 jQuery Mobile 创建一个 WordPress 的移动版本 使

35+ 个 jQuery 实现的动画技术教程

Experimental CSS3 Animations for Image Transitions Item Blur Effect with CSS3 and jQuery Experiments with background-clip: text Lateral On-Scroll Sliding with jQuery Typography Effects with CSS3 and jQuery Hover and Click Trigger for Circular Element

jQuery实现图片轮播效果代码(基于jquery.pack.js插件)_jquery

本文实例讲述了jQuery实现图片轮播效果代码.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <he

《jQuery Cookbook中文版》——第1章 jQuery基础1.0 导言

第1章 jQuery基础 1.0 导言 既然你已经选择了一本有关jQuery的"食谱",本书作者基本就可以假定你对jQuery的定义和功能有了大致的认识.坦白说,"食谱"通常是为寻求加强已有知识基础的读者所编写的.因此,本书使用了问题-解决方案-讨论的编排方式,快速地介绍常见问题的解决方案.但是,如果你是一位jQuery新手,不要把本书抛诸脑后,认为第1章是老生常谈,这一章就是专为新手所写的. 如果你需要复习,或者只有很少或者完全没有jQuery的知识,第1章将帮助