Ce n'est pas un plugin, c'est un peu de html/css/javascript qui est sur la page.
le javascript qui contrôle le menu est en http://jqueryui.com/js/demos.js.
La partie spécifique:
//Rewrite and prepare links of right-hand sub navigation
$('#demo-config-menu a').each(function() {
$(this).attr('target', 'demo-frame');
$(this).click(function(e) {
resetDemos();
$(this).parents('ul').find('li').removeClass('demo-config-on');
$(this).parent().addClass('demo-config-on');
//Set the hash to the actual page without ".html"
window.location.hash = this.getAttribute('href').match((/\/([^\/\\]+)\.html/))[1];
loadDemo(this.getAttribute('href'));
e.preventDefault();
});
});
il est juste html simple + css. Pas de javascript/jquery requis. Voir la source, et/ou utiliser l'inspecteur dom de votre navigateur. La flèche pointant vers la gauche est juste une image d'arrière-plan appliquée par une règle css 'a: hover'. – Lee
@lee javascript est utilisé pour ajouter la classe de sorte que les li & a ont les styles. la classe n'est pas ajoutée sur le a: hover. javascript est également utilisé pour charger le contenu dans la zone de contenu sur le clic. –
@john - Vous avez raison, mais je dois préciser que javascript n'est * pas obligatoire * pour rendre le menu avec la flèche pointant vers la gauche et l'effet de survol. Tout cela peut être fait via html + css via le sélecteur ': hover'. – Lee