- Overview
- Transcript
2.9 Animating the Dropdown
In this lesson we'll use jQuery to code the mouseover and mouseout events that will serve as the heart of our dropdown menu effect.
1.Welcome
1.1Introduction01:31
1.1
Introduction
01:31
2.jQuery Basics
2.1What is jQuery?05:57
2.1
What is jQuery?
05:57
2.2Using Functions07:01
2.2
Using Functions
07:01
2.3Document Ready07:36
2.3
Document Ready
07:36
2.4Using CSS Selectors07:37
2.4
Using CSS Selectors
07:37
2.5Sliding Up and Down08:38
2.5
Sliding Up and Down
08:38
2.6Structuring a Dropdown Menu09:11
2.6
Structuring a Dropdown Menu
09:11
2.7Styling the Menu07:31
2.7
Styling the Menu
07:31
2.8Styling the Dropdowns06:44
2.8
Styling the Dropdowns
06:44
2.9Animating the Dropdown10:24
2.9
Animating the Dropdown
10:24
2.10The Animate Function08:27
2.10
The Animate Function
08:27
2.11Structuring Thumbnails08:21
2.11
Structuring Thumbnails
08:21
2.12Scaling Thumbnails on Hover07:51
2.12
Scaling Thumbnails on Hover
07:51
2.13Structuring Image Blurs10:08
2.13
Structuring Image Blurs
10:08
2.14Hovering Blur Effect06:54
2.14
Hovering Blur Effect
06:54
2.15Structuring Content Tabs05:05
2.15
Structuring Content Tabs
05:05
2.16Styling the Tabs07:50
2.16
Styling the Tabs
07:50
2.17Styling the Tab Content08:47
2.17
Styling the Tab Content
08:47
2.18preventDefault07:05
2.18
preventDefault
07:05
2.19Coding the Tabs07:08
2.19
Coding the Tabs
07:08
2.20Structuring the FAQ08:27
2.20
Structuring the FAQ
08:27
2.21Accordion Content07:34
2.21
Accordion Content
07:34
3.Finishing Up
3.1Final Thoughts01:25
3.1
Final Thoughts
01:25
