JavaScript Tutorials

Making your menu bar fix to the top of the page is something that’s been done a lot. However what if you don’t want to start your menu out as being fixed to the top? And how do you make your menu look different from its original state when you make it fix to the top of the screen?

How to turn unordered lists into tree menus with the help of jQuery Treeview in the MODx CMS. Also shows how to toggle each tree's visibility on and off.

Learn how to create a multilevel dropdown menu with CSS and jQuery

Today I will be showing you How To Create A Drop Down Navigation Menu Using JQuery. In one of my previous tutorials, I showed How To Create Simple Horizontal Navigation Menu. We will be modifying it to contain a drop down menu. Creating drop down menu is as simple as just creating nested unordered lists. You will see how below, copy the codes below in a new file then save it as index.html.

In this tutorial I will teach you, step by step, how to make a tabbed content box using HTML5, CSS3 and jQuery (with a bit of vanilla JavaScript).

A website navigation menu that follows the cursor, created with the jQuery framework and CSS that’s easy to implement and configure.

Learn how to make animate sliding images using the background position. And Making an entire DIV clickable all using jQuery.

Inspired on the Nike Better World website, this tutorial will show you how to make an awesome vertical parallax single page portfolio with jQuery and CSS

From creating the PHP file to customizing the CSS, we will guide you across the several steps before you can complete this fancy floating bar ready to be implemented on your website and where you can place several elements, including social icons, information and more.

JQuery is great for making things like dropdown menus, it's really simple to use and allows us to write lovely, clean html. JQuery is really easy as long as you remember that it's all in the css. If you keep that fact in mind, you'll have no problem using jQuery.