Faire un glissement de div

bizerte77 -  
 bizerte77 -
Bonjour,

Je suis tombé sur un site avec un effet assez jolie... Je pense que ça aété fait avec des div et du js mais je ne suis pas sur.

Voici le site : https://www.easy-cv.com/ et c'est le cv qui a pour titre : Directeur de Projets National (il devrait être à la page d'accueil).

Quand vous cliquez sur son menu (formations expériences...) il y a un jolie effet...

Si quelqu'un peut m'orienter dans mes recherches... J'ai essayé de le voir avec firebug mais sans succès...

Merci de votre aide

Bonne journée/soirée

4 réponses

scriptiz Messages postés 1424 Date d'inscription   Statut Membre Dernière intervention   425
 
Je n'avais pas bien compris, voici donc une piste pour faire cet effet de Slide :

Le framework javascript mootols, avec l'effet Fx.Slide, que tu peux voir en démo ici :
http://demos.mootools.net/Fx.Slide

Bonne chance, sur le site il y a tout ce qu'il faut pour comprendre comment utiliser le framework, ...
1
bizerte77
 
Merci.

Je crois que c'est la fonction "toggle" qui m'interesse dans mon cas... Mais je ne sais pas l'adapter...

j'ai par exemple ce menu:

Accueil - Expérience - Formation

<div>
et la le contenu de ma page d'accueil...
</div>

Je voudrais donc quand on clik sur "expérience" , la div remonte ver le haut en glissant(pour se cacher sous le menu en quelques sorte) et ensuite la div redescend mais avec le contenu de "expérience" et pareil pour "formation" quand je clik dessu la div remonte en glissant et redescend avec le nouveau contenu.

J'aimerai également si je me trouve dans "la page" expérience et que je reclik sur expérience, il y a l'effet (la div remonte et redescend).

Je débute avec le JS, j'ai du mal à faire des modification de ce genre...

Donc si quelqu'un peut m'orienter pour modifier le code...

Je vous remercie

Bonne journée/soirée
1
scriptiz Messages postés 1424 Date d'inscription   Statut Membre Dernière intervention   425
 
Si tu parle bien de l'effet où le reste du site s'assombrit pour afficher une image ou du contenu HTML, il s'agit de ShadowBox.

Voici le lien où tu pourra télécharger ce script JS et voir comment l'utiliser (très facile) :
https://www.shadowbox-js.com/

Si tu parlais d'un autre effet, alors j'ai pas compris duquel tu parle :D
0
bizerte77
 
Bonjour,

Merci pour ta réponse mais je ne parlais pas de ça...

je parlais en faite quand on va sur le cv "directeur de projet national " sur ce site https://www.easy-cv.com/ et quand on clique sur formations, expériences (le menu du cv) il y a un effet de glissement de div. On voit le texte remonter et un autre prendre sa place en glissant. J'aimerai savoir comment le faire...

Voilà j'espère que vous avez compris...

Bonne journée/soirée
0