jStackmenu est un plugin jQuery qui va vous animer votre traditionnelle barre de menu.
Vous pouvez, comme sur la démo, l’utiliser comme menu de partage social :
[html]
<div id="stack">
<div class="trigger"><img src="icons/heart-64×64.png" alt="share" /></div>
<ul>
<li><a href="http://twitter.com/">Twitter</a></li>
<li><a href="http://digg.com/">Digg</a></li>
<li><a href="http://www.facebook.com/">Facebook</a></li>
<li><a href="http://reddit.com/">Reddit</a></li>
<li><a href="http://stumbleupon.com/">StumbleUpon</a></li>
<li><a href="http://delicious.com/">Delicious</a></li>
<li><a href="http://flickr.com/">Flickr</a></li>
</ul>
</div>
[/html]
Vous lancer ce petit javascript :
[javascript]
jQuery( document ).ready( function( ){
var stack = jQuery( ‘#stack ul’ ).stackmenu( );
jQuery( ‘#stack .trigger’ ).click( function( ){
stack.stackmenu( ‘toggle’ );
} );
} );
[/javascript]
Et vous obtenez :

Lien :
Très bel effet, rappelant Mac OS. Peut être particulièrement pertinent pour une application web, pour combiner la beauté de l’effet, avec l’usabilité du rangement en dossier.