Pie Menu, es un plugin jQuery que se aprovecha de las animaciones CSS3 para generar curioso menu circular desplegable.
Además usarlo es muy sencillo, ya que solo tendremos que definir un listado de opciones e indicar que el elemento contenedor debe comportarse como un Pie Menu.
<div id='outer_container' class="outer_container" >
<a class="menu_button" href="#" title="Toggle"><span>Menu Toggle</span></a>
<ul class="menu_option">
<li><a href="#"><span>Item</span></a></li>
<li><a href="#"><span>Item</span></a></li>
<li><a href="#"><span>Item</span></a></li>
<li><a href="#"><span>Item</span></a></li>
<li><a href="#"><span>Item</span></a></li>
</ul>
</div>
Una vez definidas las opciones del menu, activamos el menú:
$('#outer_container').PieMenu({
'starting_angel':0(Starting Angle in degree),
'angel_difference' : 90(Displacement angle in degree),
'radius':100 (circle radius in px),
});
Siempre que veo menus de estos, me recuerdan a aquellos del juego Secret of Mana de la Super NES😀
2 comentarios, 0 referencias
+
#