The jQuery developer community has to be one of the most generous and hardworking groups of people on the web. Sensitive web design has become part of websites nowadays as it plays a crucial role in improving the visibility of the products and services online. There are many jQuery plugins that can be used in enhancing websites, regardless of the user-friendly, or easy to use. So many that it can be frustrating and confusing to select as to which jQuery plugins should be used for your benefits.

I’ve been playing with a layout that needed an good looking dropdown menu, so I’ve decided to create one myself, and also created this tutorial, hopefully it will prove to be useful to those who needs similar drop down menu. We will be creating 3 level sub menus in pure CSS, it should work without any JavaScript, and at the end we will add jQuery for that sliding effect.

In previous article – Loading More Results (jQuery/PHP), the records are loaded when the users clicked on “Load more Data” button, which is great but how about loading database records automatically when user scrolls down to the bottom of the page? The technique can be seen in Twitter, Facebook and several other websites. Let’s use examples from previous article, with some modification we can create Ajax based auto loading script, which loads records when user scrolls to bottom of the page.

Facebook has this nice little chat box that doesn’t take up much space, and people can instantly interact with their friends, it is a cool feature to have in any website. Let’s get inspired and create an similar shoutbox which will look similar to Facebook chat box.