Want to create interactive content? It’s easy in Genially!

Reuse this genially

menu déroulant V0.2

Nicolas FORESTIER

Created on October 30, 2020

Start designing with a free template

Discover more than 1500 professional designs like these:

Math Calculations

Interactive QR Code Generator

Interactive Scoreboard

Interactive Bingo

Interactive Hangman

Secret Code

Branching Scenario: Academic Ethics and AI Use

Transcript

Page 2

Page 3

Page 4

Page 2

Page 3

Page 4

Alors au niveau de l'utilisation, tu peux créer jusqu'à 3 menus déroulant. J'imagine que comme d'habitude deux pages qui se suivent avec menu déroulant ça pourrait doubler le script sur les boutons donc à déconseiller. Pour le principe de création. Tout d'abord, si tu ne veux pas 3 menus tu peux supprimer les éléments B et/ou C c'est prévu dans le code. Donc pour faire un menu il faut grouper autant de div MenuA (compatible ctrl c ctrl v) avec chaque item présent dans le menu A (y compris le fond), l'ordre importe peu. Ensuite, il faut grouper le bouton censé développer le menu avec le div Bouton A. Dans l'exemple les div sont dissociés des boutons pour la visibilité mais pour l'utilisateur il vaudrait mieux les grouper dessus car pour genially ça sera tout le groupe qui aura l'action "quand je le clic va à la page X". Dernière étape on déplace le menu dans sa position initiale c'est à dire avec des items hors de l'écran et hop, c'est prêt à utiliser, on peut assigner nos actions genially avec chacun des items de nos menus. Au niveau du fonctionnement, ça prend l'élément dont le bord supérieur est le plus haut de tous les éléments A et ça regarde la distance jusqu'au haut de l'écran et ça affectera au bouton du menu l'action "descendre de cette distance" puis "monter de cette distance" etc. En vrai, l'action est un déplacement progressif de 5 px / 10ms mais l'humain derrière l'écran doit le sentir comme un déplacement.