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

Effective Navigation Development

by
Lessons:32Length:3.6 hours
HTMLCSSUX
For full access to all 32 lessons, including source files, subscribe with Elements.
  • Overview
  • Transcript

4.8 Inserting jQuery

In this lesson, we’ll download the latest version of the jQuery library and discuss how to insert jQuery code into your HTML file.

Further Reading

1.Welcome
1 lesson, 03:24

Free Lesson
1.1
Course Overview
03:24

2.Project 1: Simple Navigation Menu
9 lessons, 1:02:37

Free Lesson
2.1
Coding the HTML (Simple Navigation Menu)
10:40

2.2
Normalizing Browser Styles
02:56

2.3
CSS For the Content Layout
06:51

2.4
Styling the Nav Text (Simple Navigation Menu)
09:38

2.5
Button Layout
08:04

2.6
Menu Background and Borders
08:39

2.7
Expanding Link Boundaries
07:59

2.8
Hover States (Simple Navigation Menu)
02:49

2.9
Marking Up the Drop Downs
05:01

3.Project 2: Image-based Navigation
12 lessons, 1:26:06

3.1
Styling the Drop Down Menus (Image-based Navigation)
07:58

3.2
Making the Drop Downs Work
08:17

3.3
Slicing Up the Images
12:36

3.4
Coding the HTML (Image-based Navigation)
07:19

3.5
Styling the Content Layout
03:09

3.6
Styling the Nav Text (Image-based Navigation)
04:34

3.7
Button Backgrounds
07:19

3.8
Social Media Buttons
08:16

3.9
Finishing the Header
06:43

3.10
Hover States (Image-based Navigation)
07:44

3.11
Designing the Drop Down Menus
07:54

3.12
Functional Drop Down Menus
04:17

4.Project 3: Vertical Navigation With Jquery
9 lessons, 1:03:18

4.1
Preparing the Images
10:43

4.2
Coding the Navigation
05:22

4.3
Laying Out the Page
04:00

4.4
Styling the Drop Down Text
03:44

4.5
Swapping Text for Images
10:56

4.6
Hover States (Vertical Navigation With Jquery)
06:32

4.7
Styling the Drop Down Menus (Vertical Navigation With Jquery)
06:57

4.8
Inserting jQuery
05:43

4.9
Animated Drop Downs with jQuery
09:21

5.Finishing Up
1 lesson, 01:34

5.1
Final Thoughts
01:34

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.
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