值得 Web 开发人员学习的20个 jQuery 实例教程
这篇文章挑选了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 实例教程的更多相关文章
- 值得 Web 开发人员收藏的20个 HTML5 实例教程
当开始学习如何创建 Web 应用程序或网站的时候,最流行的建议之一就是阅读教程,并付诸实践.也有大量的 Web 开发的书,但光有理论没有实际行动是无用的.现在由于网络的发展,我们有很多的工具可以用于创 ...
- 值得 Web 开发人员收藏的16款 HTML5 工具
HTML5 正在迅速改变创建和管理网站的方式.HTML5 在不同的领域让网页设计更强大的.快速,安全,响应式,互动和美丽,这些优点吸引更多的 Web 开发人员使用 HTML5 开发各种网站和应用程序. ...
- Web开发人员学习路线图
http://www.runoob.com/w3cnote/2018-web-developer.html
- web 开发人员必须学习的 3 门语言
web 开发人员必须学习的 3 门语言:html css js HTML 定义了网页的内容 CSS 描述了网页的布局 JavaScript 网页的行为
- 【特别推荐】Web 开发人员必备的经典 HTML5 教程
对于我来说,Web 前端开发是最酷的职业之一,因为你可以用新的技术发挥,创造出一些惊人的东西.唯一的问题是,你需要跟上这个领域的发展脚步,因此,你必须不断的学习,不断的前进.本文将分享能够帮助您快速掌 ...
- 成为一个高效的web开发人员,只需要三步
想成为一名专业的web开发人员并不像你想象的那么容易,开发人员在开发自己的web项目时常常需要牢记很多东西,他们要不断寻找新理念,新创意,在特定时间内开发出高质量的产品,一名优秀的程序员必须明白时间的 ...
- Web开发人员必读的12个网站
The more you actually create, the more you’ll learn.(创造的越多,学习的越多),世界上有无数个开发人员会在网上分享他们的开发经验,我们无法向所有人学 ...
- 作为一个web开发人员,哪些技术细节是在发布站点前你需要考虑到的
前日在cnblogs上看到一遍文章<每个程序员都必读的12篇文章>,其中大多数是E文的. 先译其中一篇web相关的”每个程序员必知之WEB开发”. 原文: http://programme ...
- web开发人员
随笔- 4 文章- 18 评论- 12 [译]作为一个web开发人员,哪些技术细节是在发布站点前你需要考虑到的 前日在cnblogs上看到一遍文章<每个程序员都必读的12篇文章> ...
随机推荐
- 【WP开发】手电筒
或许很多人都想到,可以利用手机上摄像头的闪光灯做手电筒,当然,有利必有害,每次使用的时间不要过长,几分钟一般不会有什么问题,如果时间太长,难保会有损伤. 以往的方案是调用视频录制功能来开始录制视频,同 ...
- Locations Section of OpenCascade BRep
Locations Section of OpenCascade BRep eryar@163.com 摘要Abstract:本文结合OpenCascade的BRep格式描述文档和源程序,对BRep格 ...
- Android入门(十四)内容提供器-实现跨程序共享实例
原文链接:http://www.orlion.ga/661/ 打开SQLite博文中创建的 DatabaseDemo项目,首先将 MyDatabaseHelper中使用 Toast弹出创建数据库成功的 ...
- PHP变量在内存中的存储方式
原文:http://www.phppan.com/tag/refcount/ 每门计算机语言都需要一些容器来保存变量数据.在一些语言当中,变量都有特定的类型,如字符串,数组,对象等等.比如C和Pasc ...
- Zookeeper-Zookeeper启动过程
在上一篇,我们了解了zookeeper最基本的配置,也从中了解一些配置的作用,那么这篇文章中,我们将介绍Zookeeper的启动过程,我们在了解启动过程的时候还要回过头看看上一篇中各个配置参数在启动时 ...
- 包管理器Bower
今天自己用Angular写东西的时候,下载了Angular-seed项目,发现需要用到bower,之前也使用过,没有仔细了解,今天趁机了解到一些. bower的官网地址: http://bower.i ...
- c#基础之数组
最近看了c#的数组,比c++的数组更加直接,.net也提供了很多直接直接操纵数组的方法,非常方便,所以就想做个总结. 利用数组,我们可以使用变量来声明相同类型的多个数据项的集合,数组中的每个数据使用索 ...
- 基于TFS实践敏捷-可视化管理
TFS是基于微软平台一套不错的系统,支持源码管理+运行调试+持续集成+自动化测试+Bug管理+代码评审+任务项管理+文档管理+沟通管理.基于TFS 2015实践看板管理,让团队的数据可视化,让大家更多 ...
- 从设计到开发,硅谷技术专家教你做“声控”APP
编者:本文为携程机票研发部技术专家祁一鸣在携程技术微分享中的分享内容,关注携程技术中心微信公号ctriptech,获知更多一手干货. [携程技术微分享]是携程技术中心推出的线上公开分享课程,每月1-2 ...
- html5的canvas绘制迷宫地图
canvas标签一直是html5的亮点,用它可以实现很多东西.我想用它来绘画像迷宫那样的地图.借助到的工具有瓦片地图编辑器tiled(点击跳转到下载链接). 如图:如果你想要画像这样的迷宫地图,如果不 ...