11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

j'ai besoin de vos lumière pour comprendre un code javascript/jquery.

En faites j'aimerai copié le fonctionnement du menu de ce site :
http://www.clever-cloud.com/

Plus précisément la petite flêche qui se déplace sous chaque sous menu.
Je pensais utiliser jquery et la fonction animate.

Mais je vois mal comment lui dire de se positionner au milieu du titre du menu a chaque cliquer...

Avez vous des tuto avec cette méthode, ou juste la démarche a suivre pour faire ce script ?

merci d'avance
Bonjour,

La petite flèche est un div placé en absolute, top: 0px sur le div des sous-menus.
Pour son déplacement, on suit cette logique :
- Lors d'un hover sur un élément de premier niveau, on récupère sa position par rapport au div parent ;
- On déplace la flèche à x+(l/2) pixels en partant de la gauche (x étant la position de l'élément en hover, l étant sa longueur) ;

Smiley cligne