Drop Down Navigation in iWeb

Here’s a tip that will allow you to have a neat little drop down navigation menu in iWeb.  It might be handy for a site map, quick links, or even the main navigation of your site.  Here’s how:

See Demo »

This drop down will take the viewer to the link immediately on click.  Here’s how to do it:

Step 1:
Simply paste the following code into an HTML Snippet

<form>
<select id="menu" onchange="parent.window.location=this.value">
<option>--Drop Down Menu in iWeb--</option>
<option value="http://www.iwebunlimited.com">iWebUnlimited.com</option>
<option value="http://www.imaginatestudio.com">My Web Design Company</option>
<option value="http://www.learn2mac.com">Learn2Mac.com</option>
<option value="http://www.apple.com">Apple.com</option>
<option value="http://www.apple.com/ilife/iweb">iWeb on Apple.com</option>
<option value="http://www.google.com">Google</option>
</select>
</form>

Step 2:

Replace the items in RED with your URLs and your link text and your set.  It’s that easy!

Step 3:

Have Fun!