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 handy snippet which can be used to detect if the enter key is pressed using 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 image gallery, I wanted to create the effect of intersecting lines to highlight the selected image in a grid like a crosshair. I used differing opacities of images horizontally across from the current image and vertically above or below the image to achieve this effect.

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.

I remember me always trying to figure out how to make a page scroll to certain section of a website. I mean it was like magic when I first came across it. I was stun! I later tried to find tutorials on how to do it and let me tell you I had no luck. In this tutorial I will teach you how to add a nice anchor link scroll effect to your website using jquery/ HTML.

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.

In this tutorial, I will show you how you can grab the value of checkboxes using jQuery and save them inside an array.

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?

Toggle expanded and hided on or off with a nice animation. This is different from an accordion since more than one item can be expanded at one time.