Unlimited WordPress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Dismiss
  1. Web Design
  2. jQuery

jQuery for Designers

by
FREELessons:23Length:2.8 hours
jQueryUI DesignHTMLCSS
Previous
Next Lesson

Next lesson playing in 5 seconds

Cancel
  • 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 lesson, 01:31

1.1
Introduction
01:31

2.jQuery Basics
21 lessons, 2:44:16

2.1
What is jQuery?
05:57

2.2
Using Functions
07:01

2.3
Document Ready
07:36

2.4
Using CSS Selectors
07:37

2.5
Sliding Up and Down
08:38

2.6
Structuring a Dropdown Menu
09:11

2.7
Styling the Menu
07:31

2.8
Styling the Dropdowns
06:44

2.9
Animating the Dropdown
10:24

2.10
The Animate Function
08:27

2.11
Structuring Thumbnails
08:21

2.12
Scaling Thumbnails on Hover
07:51

2.13
Structuring Image Blurs
10:08

2.14
Hovering Blur Effect
06:54

2.15
Structuring Content Tabs
05:05

2.16
Styling the Tabs
07:50

2.17
Styling the Tab Content
08:47

2.18
preventDefault
07:05

2.19
Coding the Tabs
07:08

2.20
Structuring the FAQ
08:27

2.21
Accordion Content
07:34

3.Finishing Up
1 lesson, 01:25

3.1
Final Thoughts
01:25

Craig Campbell
Craig Campbell
Craig has been doodling on computers since the first time he opened Paintbrush in Windows 3.0 in 1990. Since then, he has constantly sought new and exciting ways to make beautiful things on computers.
Course source files
Unlimited Downloads
From $16.50/month
Get access to over one million creative assets on Envato Elements.
Over 9 Million Digital Assets
Everything you need for your next creative project.
Create Beautiful Logos, Designs
& Mockups in Seconds
Design like a professional without Photoshop.
Join the Community
Share ideas. Host meetups. Lead discussions. Collaborate.
Quick LinksExplore popular categories