21 March 2010

Build a Lava-Lamp Style Navigation Menu

[caption id="" align="aligncenter" width="600" caption="lavalamp"][/caption]

A couple weeks ago, I created a screencast that demonstrated how to build a three-level navigation menu. In a response email, one of our readers requested a tutorial on how to build a lava-lamp style menu. Luckily, it’s quite a simple task, especially when using a JavaScript library. We’ll build one from scratch today.

Step 1 Create the Mark-up


Before we can create this neat functionality, we need a base from which to work from. In your favorite code editor, create an unordered list for your navigation, and import both jQuery and jQuery UI, via Google.

read more ...

No comments:

Post a Comment