这篇文章挑选了20个优秀的 jQuery 实例教程，这些 jQuery 教程将帮助你把你的网站提升到一个更高的水平。其中，既有网站中常用功能的的解决方案，也有极具吸引力的亮点功能的实现方法，相信通过对这些教程的学习能够带给您很大的收获。

您可能感兴趣的相关文章

1. How to create a parallax scrolling using jQuery

学习使用 jQuery 实现一个精美的视差滚动（Parallax Scrolling）幻灯片效果。

在线演示     源码下载

2. How to make a curving text using jQuery and CSS3

教你综合运用 jQuery 和 CSS3 实现创意的文本弯曲效果。

在线演示     源码下载

3. How to create moving boxes content with jQuery

这个实例教程将介绍如何使用 jQuery 实现动感的运动内容框效果。

在线演示     源码下载

4. Shutter effect portfolio with jQuery

学习使用 jQuery 制作超炫的快门效果的作品集。

在线演示     源码下载

5. How to make a responsive horizontal layout

这个教程稍微有点复杂，将教你如何制作响应式的水平布局。

在线演示     源码下载

6. Pretty Simple Content Slider with jQuery and CSS3

学习使用 jQuery & CSS3 制作一个漂亮的内容滑块效果。

在线演示     源码下载

7. How to shuffle between images using JQuery

学习使用 jQuery 对图片进行重组，拖拽方式的重排。

在线演示     源码下载

8. How to create a thumbnail proximity effect using jQuery

学习如何借助 jQuery 制作效果很酷的图片缩略图效果。

在线演示     源码下载

9. How to create an attractive before and after photo effect

这个教程很实用，你将学习如何使用 jQuery 制作照片前后对比效果。

在线演示     源码下载

10. How to Create an Upload Form using jQuery and PHP

学习如何结合 jQuery 和 PHP 制作上传表单效果。

在线演示     源码下载

11. How to create a simple voting  using JQuery

学习使用 jQuery 制作一个简单的投票功能。

在线演示     源码下载

12. JQuery Internal link animation scrolling

学习使用 jQuery 制作动态锚点功能。

在线演示     源码下载

13. How to build an e-mail request invitation form with jQuery

通过这个实例教程，你将学习到如何使用 jQuery 构建一个 Email 邀请表单。

在线演示     源码下载

14. How to create a neat calendar using only jQuery and CSS3

学习使用 jQuery & CSS3 制作一款简洁的日历。

在线演示     源码下载

15. How to change image on click with jQuery

学习如何使用 jQuery 实现在点击的时候替换图片。

在线演示     源码下载

16. How to expand stacked images using jQuery slider

这个教程教您如何使用 jQuery 滑块来展开堆叠在一起的图片。

在线演示     源码下载

17. Enhance your checkboxes using jQuery and CSS3

学习如何结合 jQuery & CSS3 增强选择框，实现超级精美的效果。

在线演示     源码下载

18. How to create a Metro style menu using jQuery

学习如何使用 jQuery 创建 Metro 风格的菜单效果。

在线演示     源码下载

19. How to create an animated Scroll to Top

来自 Web Designer Wall 的经典教程，介绍如何制作滚动到顶部功能。

在线演示     源码下载

20. How to create a simple JQuery Flickr style tooltip menu

学习如何使用 jQuery 制作简单的 Flickr 工具提示效果菜单。

 
您可能感兴趣的相关文章

本文链接：值得Web 开发人员学习的20个 jQuery 实例教程

编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

值得 Web 开发人员学习的20个 jQuery 实例教程的更多相关文章

  1. 值得 Web 开发人员收藏的20个 HTML5 实例教程

    当开始学习如何创建 Web 应用程序或网站的时候,最流行的建议之一就是阅读教程,并付诸实践.也有大量的 Web 开发的书,但光有理论没有实际行动是无用的.现在由于网络的发展,我们有很多的工具可以用于创 ...

  2. 值得 Web 开发人员收藏的16款 HTML5 工具

    HTML5 正在迅速改变创建和管理网站的方式.HTML5 在不同的领域让网页设计更强大的.快速,安全,响应式,互动和美丽,这些优点吸引更多的 Web 开发人员使用 HTML5 开发各种网站和应用程序. ...

  3. Web开发人员学习路线图

    http://www.runoob.com/w3cnote/2018-web-developer.html

  4. web 开发人员必须学习的 3 门语言

    web 开发人员必须学习的 3 门语言:html  css  js HTML 定义了网页的内容 CSS 描述了网页的布局 JavaScript 网页的行为

  5. 【特别推荐】Web 开发人员必备的经典 HTML5 教程

    对于我来说,Web 前端开发是最酷的职业之一,因为你可以用新的技术发挥,创造出一些惊人的东西.唯一的问题是,你需要跟上这个领域的发展脚步,因此,你必须不断的学习,不断的前进.本文将分享能够帮助您快速掌 ...

  6. 成为一个高效的web开发人员，只需要三步

    想成为一名专业的web开发人员并不像你想象的那么容易,开发人员在开发自己的web项目时常常需要牢记很多东西,他们要不断寻找新理念,新创意,在特定时间内开发出高质量的产品,一名优秀的程序员必须明白时间的 ...

  7. Web开发人员必读的12个网站

    The more you actually create, the more you’ll learn.(创造的越多,学习的越多),世界上有无数个开发人员会在网上分享他们的开发经验,我们无法向所有人学 ...

  8. 作为一个web开发人员，哪些技术细节是在发布站点前你需要考虑到的

    前日在cnblogs上看到一遍文章<每个程序员都必读的12篇文章>,其中大多数是E文的. 先译其中一篇web相关的”每个程序员必知之WEB开发”. 原文: http://programme ...

  9. web开发人员

    随笔- 4  文章- 18  评论- 12  [译]作为一个web开发人员,哪些技术细节是在发布站点前你需要考虑到的   前日在cnblogs上看到一遍文章<每个程序员都必读的12篇文章> ...

随机推荐

  1. 利用跨域请求来隐藏firbug控制台中的Ajax请求

    本文链接:http://www.orlion.ml/63/ 普通jquery的Ajax请求在控制台中是可见的,如下: 而在利用jsonp(json with padding)进行Ajax跨域时,发现A ...

  2. hdu3635 Dragon Balls(带权并查集)

    /* 题意:有N个城市, 每一个城市都有一个龙珠(编号与城市的编号相同),有两个操作 T A ,B 将标号为A龙珠所在城市的所有的龙珠移动到B龙珠所在城市中! 思路:并查集 (压缩路径的时候将龙珠移动 ...

  3. Jetty集群配置Session存储到MySQL、MongoDB

    在Web开发中,Session表示HTTP服务器与客户端(例如浏览器)的“会话”,每个客户端会有其对应的Session保存在服务器端,通常用来保存和客户端关联的一些信息,例如是否登录.购物车等. Se ...

  4. JavaWeb:JavaBean基础

    JavaBean基础 JavaBean简介: 1.JavaBean是一种可以重复使用的类,可以没有用户界面,主要负责业务数据或者处理事物(数据运算.操作数据库) 2.与JSP配合,可以简化JSP代码. ...

  5. Linux - Tips

    01 - Linux的系统结构 Linux 系统结构详解 02 - 执行多条命令 方法1:在命令行下可以一次性粘贴多条语句,shell会依次执行并输出结果 方法2:在一个命令行中,用分号将各个命令隔开 ...

  6. Hyperledger智能合约Hello World示例程序

    简介 Hyperledger是Linux 基金会主导的一个开源的区块链(BlockChain)项目. 本文介绍了一个简单的Hyperledger智能合约的开发过程. 开发环境 本文使用Docker作为 ...

  7. 理解SQL Server是如何执行查询的 (2/3)

    查询执行的内存授予(Query Execution Memory Grant) 有些操作符需要较多的内存才能完成操作.例如,SORT.HASH.HAS聚合等.执行计划通过操作符需要处理数据量的预估值( ...

  8. 问得最多的十个JavaScript前端面试问题

    我知道有很多人不同意这种类型的面试.其实不管你喜不喜欢,你都得接受.尤其当你是自学的,而且要申请第一份工作时.   我估计很多有人其它方法来证明他自己,像Github/ 项目地址可能是非常理想的证明方 ...

  9. 【C#】让DataGridView输入中实时更新数据源中的计算列

    本文适用Winform开发,且DataGridView的数据源为DataTable/DataView的情况. 理解前提:熟知DataTable.DataView 求:更好方案 考虑这样一个场景: 某D ...

  10. 【SQL】CLR聚合函数什么鬼

    之前写过一个合并字符串的CLR聚合函数,基本是照抄MS的示例,外加了一些处理,已经投入使用很长时间,没什么问题也就没怎么研究,近日想改造一下,遇到一些问题,遂捣鼓一番,有些心得,记录如下. 一.杂项 ...