Apr 07, 2011 — 5 comments
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.
A handy snippet which can be used to detect if the enter key is pressed 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?
Detailed tutorial on creating, styling and scripting your own HTML/CSS tabs, while making code re-usable creating a lightweight jQuery plugin.
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.
Today we will have a look at how to create a button, which, when clicked scrolls the page right to the top.
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.
flickrBomb is an easy way for you to fill your prototypes with relevant content, and not just those dull gray placeholder images. Hover over the images and click the wrench icon to see flickrBomb in action.
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.
Help us out! More and more tutorials are submitted to Good-Tutorials each day. We could use your help with finding good tutorials. Mind lending a hand?