Discussion :

[bebeto13]

Bonjour,
je cherche un moyen à faire animer le bloc Menu de ma page de telle sorte qu'au lancement de celle ci, le menu (caché) coulisse de gauche à droite et aussi j'aimerais en faisant un clic sur un des liens du menu, que le contenu coulisse de la même manière.
Je me débrouille en html/css et quelques notions en JS

Le style de menu utilisé sur ce site est à peu près le résultat que je recherche

Merci pour toute aide

[MaitreKaio]

Tu trouveras toutes les réponses dans le code source du site en question. Pour t'aider, après avoir regardé rapidement, le fichier qui t'intéresse est jquery.custom.js, et particulièrement:
Pour le chargement de la page:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
$(window).load(function () {
		...
		menu.each(function (index) {
			$(this).delay(150 * index).animate({
				left : 0
			}, 400);
		});
	});

Et pour le clic sur un lien de menu:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
$(document).delegate("a[href*=.html]", "click", function (event) {
		event.preventDefault();
		linkLocation = this.href;
 
		content.animate({
			//left: $(window).width()
			left : -850
		}, 400);
		$('.slider-thumb-tray').animate({
			//left: $(window).width()
			bottom : -100
		}, 400);
		logoHolder.animate({
			top : '3%'
		}, 300, redirect);
	});

Ce n'est pas forcément pour un débutant toutefois... Bon courage !