Vertical
ENCIMA DE LA PAG:
<script src="http://img9.xooimage.com/files/5/7/7/sprymenubar10-a01cdc.js" type="text/javascript"></script>
<link href="http://img7.xooimage.com/files/9/d/6/sprymenubarvertical10-a01cfd.css" rel="stylesheet" type="text/css" />
DONDE VA EL MENU:
<ul id="MenuBar1" class="MenuBarVertical">
<li><a class="MenuBarItemSubmenu" href="#">Elemento 1</a>
<ul>
<li><a href="#">Elemento 1.1</a></li>
<li><a href="#">Elemento 1.2</a></li>
<li><a href="#">Elemento 1.3</a></li>
</ul>
</li>
<li><a href="#">Elemento 2</a></li>
<li><a class="MenuBarItemSubmenu" href="#">Elemento 3</a>
<ul>
<li><a class="MenuBarItemSubmenu" href="#">Elemento 3.1</a>
<ul>
<li><a href="#">Elemento 3.1.1</a></li>
<li><a href="#">Elemento 3.1.2</a></li>
</ul>
</li>
<li><a href="#">Elemento 3.2</a></li>
<li><a href="#">Elemento 3.3</a></li>
</ul>
</li>
<li><a href="#">Elemento 4</a></li>
</ul>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"Imagen que va a ir a la derecha de un link con sub-categorias"});
//-->
</script>