jQuery 2.0 Animation Techniques: Beginner's Guide

Bring your websites to life with animations using jQuery

Overview

• Get going with jQuery's animation methods and build a toolkit of ready-to-use animations using jQuery 2.0
• Over 50 detailed examples on different types of web page animations
• Create both simple and complex animations using clear, step-by-step instructions, accompanied with screenshots

In Detail

jQuery is a cross-browser JavaScript library designed to simplify the client-side scripting of HTML, and is the most popular JavaScript library in use today. Using the features offered by jQuery, developers are able to create dynamic web pages. jQuery empowers you with creating simple as well as complex animations.

jQuery 2.0 Animation Techniques Beginner's Guide will teach you to understand animation in jQuery to produce slick and attractive interfaces that respond to your visitors' interactions. You will learn everything you need to know about creating engaging and effective web page animations using jQuery.

In jQuery 2.0 Animation Techniques Beginner's Guide, each chapter starts with simple concepts that enable you to build, style, and code your way into creating beautifully engaging and interactive user interfaces.

With the use of wide range of examples, this book will teach you how to create a range of animations, from subtle UI effects (such as form validation animation and image resizing) to completely custom plugins (such as image slideshows and parallax background animations).

The book provides various examples that gradually build up your knowledge and practical experience in using the jQuery API to create stunning animations. The book uses many examples and explains how to create animations using an easy and step-by-step approach.

What you will learn from this book

• Create custom animations using jQuery's animate() method
• Fade, hide, shrink, and slide your animations using jQuery's built-in animation helper methods
• Implement subtle UI effects, user-triggered animations and full-page feature animations to animate the user interface of your web applications
• Make your background images come to life with movement and animation
• Create an automatic slider animation with just a few lines of code
• Discover parallax animations and how they can be used in your web projects
• Simulate animation in a variety of ways using other non-animation-specific jQuery methods
• Get your images scrolling in a certain direction, and at a certain speed, depending on the movements of the mouse pointer

Approach

This book is a guide to help you create attractive web page animations using jQuery. Written in a friendly and engaging approach this book is designed to be placed alongside your computer as a mentor.

Who this book is written for

If you are a web designer or a frontend developer or if you want to learn how to animate the user interface of your web applications with jQuery, this book is for you. Experience with jQuery or Javascript would be helpful but solid knowledge base of HTML and CSS is assumed.

使用jQuery為您的網站添加動畫，讓網站活躍起來。

概述：
- 使用jQuery 2.0的動畫方法開始，並建立一個可立即使用的動畫工具包。
- 提供超過50個詳細的不同類型網頁動畫示例。
- 使用清晰的逐步指示和屏幕截圖，創建簡單和複雜的動畫。

詳細內容：
- jQuery是一個跨瀏覽器的JavaScript庫，旨在簡化HTML的客戶端腳本編寫，是當今最受歡迎的JavaScript庫。使用jQuery提供的功能，開發人員能夠創建動態網頁。jQuery使您能夠創建簡單和複雜的動畫。

《jQuery 2.0動畫技巧初學者指南》將教您了解jQuery中的動畫，以製作對訪問者互動作出響應的流暢和吸引人的界面。您將學習使用jQuery創建引人入勝和有效的網頁動畫所需的一切。

在《jQuery 2.0動畫技巧初學者指南》中，每一章都從簡單的概念開始，讓您能夠以建立、設計和編碼的方式創建美觀、引人入勝和互動式的用戶界面。

通過使用各種範例，本書將教您如何創建各種動畫，從細微的UI效果（例如表單驗證動畫和圖像調整大小）到完全自定義的插件（例如圖像幻燈片和視差背景動畫）。

本書提供了多個範例，逐漸建立您在使用jQuery API創建令人驚嘆的動畫方面的知識和實踐經驗。本書使用許多範例，並解釋如何使用簡單的逐步方法創建動畫。

從本書中您將學到：
- 使用jQuery的animate()方法創建自定義動畫。
- 使用jQuery內置的動畫輔助方法淡入、隱藏、縮小和滑動動畫。
- 實現細微的UI效果、用戶觸發的動畫和全頁功能動畫，為您的Web應用程序的用戶界面添加動畫。
- 使您的背景圖像動起來，添加運動和動畫效果。
- 只需幾行代碼即可創建自動滑塊動畫。
- 探索視差動畫以及它們在Web項目中的應用。
- 使用其他非動畫特定的jQuery方法以各種方式模擬動畫。
- 根據鼠標指針的移動，使圖像以特定方向和速度滾動。

方法：
本書以友好和引人入勝的方式撰寫，旨在成為您電腦旁的導師，幫助您創建具有吸引力的網頁動畫。

本書適合：
- 網頁設計師或前端開發人員，或者想要學習如何使用jQuery為Web應用程序的用戶界面添加動畫的人。具有jQuery或JavaScript的經驗將有所幫助，但假設您具有扎實的HTML和CSS知識基礎。