JavaScript Tutorials

Today we will have a look at how to create a button, which, when clicked scrolls the page right to the top.

A useful button to have on any webpage is a back to top button. An easy solution for the web user to get back to the top without scrolling. Check out this code snippet which will show you how to do it.

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.

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.

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

Larger clickable areas make for greater usability and a higher click-through rate. Here's how to expand a clickable area to an entire list item using jQuery.

Here we will learn how to build "Lava Lamp" menu tabs. We will be using CSS / jQuery along with a single image to maintain a 100% stretchy rounded corners menu tab or "Lava Bubble". Works in IE6+ and all other browsers!

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?

I was working on a perspective styled wordpress theme, and I created this accordion for the sidebar. The wordpress theme is not ready at this time, but I really liked how the accordion turned out. So I am releasing this accordion on its own as a cool freebie.

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