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 !