There's no image but most navbars follow the same logic anyway, only the styling really changes.
HTML5 and CSS3 is a winning combination and they are both on-going in development so getting better all the time. Javascript has always been a very powerful tool and used with the above makes writing web-based code very easy.
As far as JQuery is concerned well, yes, in the times when HTML5 didn't exist and CSS was still in its infancy it had its place, making javascript do things that would otherwise be above and beyond the average coder.
Nowadays the use of JQuery is in decline, there are many other similar tools, but it too is still being developed and evolving into something better...namely, JQuery 2.
If you can though, try not to use JQuery initially, (or similar libraries like Mootools), if you are venturing into the web design world its far better to learn how to do things without pre-written libraries, you'll learn so much more.
Transitions are the latest thing with CSS3 and are much easier to code than JQuery, for something as simple as a navbar you wouldn't need very much code to produce a dynamic element. Transitions will work with virtually any CSS property of an element that can be changed, and its super smooth too.
Have a search around the net for CSS3 transitions, you'll find lots about them including full code for navbars which you can easily modify to fit your requirements.
Adam Khoury has many excellent, easy to follow, video tutorials on HTML5, CSS3, PHP, JavaScript etc... etc.... with practical examples...highly recommended.
Above all, have fun doing it.
Regards.
MrTom.
