Skip to content

Latest commit

 

History

History
139 lines (78 loc) · 8.99 KB

File metadata and controls

139 lines (78 loc) · 8.99 KB

零、序言

jQuery 是一个跨浏览器 JavaScript 库,旨在简化 HTML 的客户端脚本,是目前使用的最流行的 JavaScript 库。使用 jQuery 提供的特性,开发人员可以创建动态网页。这本书将作为一种资源,让你按照书中提到的简单易懂的步骤,在你的网络应用中创建动画和高级特效。

jQuery 2.0 动画技术入门指南将允许您在 jQuery 中掌握动画,以生成流畅、吸引人的界面,响应访问者的交互。您将了解有关使用 jQuery 创建引人入胜且有效的网页动画的所有知识。这本书使用了许多例子,并解释了如何创建动画使用简单,一步一步,初学者指南的方法。

这本书提供了各种各样的例子,这些例子逐渐积累了读者使用 jQueryAPI 创建惊人动画的知识和实践经验。本书首先解释了动画如何使用户界面具有交互性和吸引力。它解释了用于使正在设置动画的元素出现或消失的各种方法。它提供了一组创建简单动画和显示淡入淡出的动画的步骤。

稍后,您可以学习如何通过将不同的效果链接在一起来制作复杂的动画,以及如何停止当前正在运行的动画。您将了解如何滑动动画元素,并学习如何创建复杂而专业的自定义动画。

您将学习如何获取和设置 jQuery UI,即 jQuery 的官方用户界面库。本书将告诉您如何设置页面背景图像的动画,并将教您如何根据鼠标指针的移动使图像以特定的方向和速度滚动。

这本书涵盖的内容

第 1 章入门介绍了下载 jQuery 和建立开发区等基础知识、Web 上动画的简史、何时何地不使用动画、动画如何增强界面以及 jQuery 公开的动画方法。还介绍了动画的一个基本示例。

第 2 章图像动画使用简单的方法创建图像滑块。然后,我们将功能构建到滑块中,并留下一个适合您下一个开发项目的脚本。

第三章背景动画带领我们完成了用户在网站上滚动时创建动画背景图像和背景颜色的过程。这种非常微妙的动画为网站增加了很多审美吸引力。

第 4 章导航动画介绍了在我们的网站上为导航添加动画的创造性方法。我们将淡出网页的背景色,并平滑滚动到页面上单击的链接。

第 5 章表单和输入动画重点关注用户与表单交互触发的动画。我们将使用动画引导用户完成表单验证,并为表单提供更好的整体体验。

第 6 章使用 jQuery UI扩展动画,查看 jQuery UI(建立在 jQuery 之上的官方 UI 库)添加的附加效果。我们看了 14 种效果中的每一种,并介绍了库中内置的缓解功能。

第 7 章自定义动画重点介绍了animate()方法,jQuery 为我们提供了一种创建尚未预定义的自定义动画的方法。这种功能极其强大的方法允许我们制作几乎所有 CSS 样式属性的动画,以轻松创建复杂而有吸引力的动画。

第 8 章其他流行动画介绍了一些常见的网络动画类型,包括鼠标指针触发的近距离动画、动画标题以及与字幕元素相当的现代动画。

第 9 章CSS3 动画介绍了我们如何使用 CSS3 创建最新 CSS 转换驱动的有吸引力的动画,以及如何使用 jQuery 简化流程。

第 10 章画布动画介绍了 HTML5 画布元素,并展示了如何在不使用 Flash 或其他专有技术的情况下使用它来创建惊人的动画。本书以一个深入的示例结束,该示例教授如何使用 HTML 和 JavaScript 创建一个交互式游戏。

这本书你需要什么

为了充分利用这本书,您应该具备一些前端开发的知识,最好包括 JavaScript。有 jQuery 方面的经验也是可取的,但这并不是必需的,因为本书中使用的所有技术都进行了全面讨论。

你应该有一台能运行最新浏览器的电脑,最好是能连接互联网。代码编辑开发软件包会有所帮助,但如果您有某种文本编辑器,它也不是必需的。

这本书是给谁的

这本书是为已经对 HTML 和 CSS 有很好的了解的 web 设计师和前端开发人员编写的。虽然不是必需的,但有一些 jQuery 或 JavaScript 方面的经验会有所帮助。如果您想学习如何使用 jQuery 设置 web 应用用户界面的动画,那么本书适合您。

公约

在这本书中,你会发现几个标题经常出现。

为了明确说明如何完成程序或任务,我们使用:

行动时间-航向

  1. 行动 1
  2. 行动 2
  3. 行动 3

说明通常需要一些额外的解释,以使其有意义,因此遵循:

刚才发生了什么事?

本标题说明了您刚刚完成的任务或说明的工作原理。

您还可以在本书中找到其他一些学习辅助工具,包括:

突击测验-标题

这些是简短的多项选择题,旨在帮助你测试自己的理解能力。

有一个勇往直前的英雄——头球

这些实际的挑战为你提供了用所学知识进行实验的想法。

您还将发现许多文本样式,可以区分不同类型的信息。下面是这些风格的一些例子,并解释了它们的含义。

文本中的代码如下所示:“fadeIn()fadeOut()方法通过 jQuery 执行最简单的动画”

代码块设置如下:

$("#next").click(function(event) {
  activeSlide++;
  rotate();
  event.preventDefault();
});

当我们希望提请您注意代码块的特定部分时,相关行或项目以粗体显示:

$("#slider, #prev, #next").hover(function() {
  clearInterval(timer);
  pause = true;
}, function() {
  timer = setInterval(rotate, speed);
  pause = false;
});

新增****术语重要****词语以粗体显示。例如,您在屏幕上、菜单或对话框中看到的文字出现在文本中,如下所示:“在这种情况下,我们清除整个画布,移除宇宙飞船和任何幸存的外星人,并将文本**游戏结束!**打印到画布的中心。”。

警告或重要注释显示在这样的框中。

提示

提示和技巧如下所示。

读者反馈

我们欢迎读者的反馈。让我们知道你对这本书的看法你喜欢或可能不喜欢什么。读者反馈对于我们开发您真正从中获益最多的标题非常重要。

要向我们发送一般反馈,只需向<[feedback@packtpub.com](mailto:feedback@packtpub.com)>发送电子邮件,并通过邮件主题提及书名即可。

如果您对某个主题有专业知识,并且您有兴趣撰写或贡献一本书,请参阅我们的作者指南,网址为www.packtpub.com/authors

客户支持

既然您是一本 Packt 图书的骄傲拥有者,我们有很多东西可以帮助您从购买中获得最大收益。

下载示例代码

您可以下载您在账户购买的所有 Packt 书籍的示例代码文件 http://www.packtpub.com 。如果您在其他地方购买了本书,您可以访问http://www.packtpub.com/support 并注册,将文件直接通过电子邮件发送给您。

勘误表

虽然我们已尽一切努力确保内容的准确性,但错误确实会发生。如果您在我们的一本书中发现错误,可能是文本或代码中的错误,如果您能向我们报告,我们将不胜感激。通过这样做,您可以使其他读者免于沮丧,并帮助我们改进本书的后续版本。如果您发现任何错误,请访问进行报告 http://www.packtpub.com/submit-errata ,选择您的书籍,点击勘误表提交表单链接,输入您勘误表的详细信息。一旦您的勘误表得到验证,您的提交将被接受,勘误表将上传到我们的网站,或添加到该标题勘误表部分的任何现有勘误表列表中。

盗版

在互联网上盗版版权材料是所有媒体的一个持续问题。在 Packt,我们非常重视版权和许可证的保护。如果您在互联网上发现我们作品的任何形式的非法复制品,请立即向我们提供地址或网站名称,以便我们采取补救措施。

请致电<[copyright@packtpub.com](mailto:copyright@packtpub.com)>与我们联系,并提供可疑盗版材料的链接。

我们感谢您在保护我们的作者方面的帮助,以及我们为您带来有价值内容的能力。

问题

如果您对本书的任何方面有疑问,请致电<[questions@packtpub.com](mailto:questions@packtpub.com)>与我们联系,我们将尽力解决。