See the Pen jquery css by yuyazz (@yuyazz) on CodePen. en jouant avec la fonction .css en jQuery on va pouvoir en un rien de temps créer un effet sympa sur nos éléments. Le code html est vraiment basique, il y a ici juste deux blocs. Le jQuery est aussi relativement simple : Au clic […]
See the Pen SCROLLTOP Jquery by yuyazz (@yuyazz) on CodePen. Avec la fonction scrollTop je vais pouvoir jouer avec des ancres et rendre ainsi la navigation plus facile..c’est rapide à appliquer et l’animation (fonction animate) apporte un côté moderne à la page. Pour l’exemple, je crée ici une liste avec des liens vers mes ancres. […]
See the Pen Higlight div with jquery by yuyazz (@yuyazz) on CodePen. Aujourd’hui on va voir l’effet .css en jquery, qui permet d’appliquer facilement du style à nos éléments en fonction d’une action particulière. Dans ma page html, j’importe plusieurs images en leur attribuant une classe, puis je place deux boutons, contenant chacun un id. […]
Cliquez sur l’image pour voir l’animation: Avec le plugin least.js, on peut facilement créer un page portfolio qui sort un peu de l’ordinaire. Sur notre page html, on doit créer une liste contenant une première li vide en display:none par défaut, c’est celle qui va contenir notre image au grand format. Toutes les div contenant […]
Ici dans l’exemple on va utiliser l’effet animate pour déplacer un texte, et l’effet toggle pour faire apparaître et disparaître un deuxième élément. See the Pen ByzLap by yuyazz (@yuyazz) on CodePen. Voici le code html et jquery : Je crée un bouton, un titre et un paragraphe. Au clic sur ce bouton, j’applique un […]
Dans ce cours tuto, on va voir comment appliquer une couleur à des éléments par un simple clic sur un bouton. L’effet toggleclass permet un aller retour entre deux états d’un élément. Au clic, on rajoute une classe, au deuxième clic, on revient à l’état initial. Voici l’exemple: See the Pen change color toggleclass by […]
On va partir sur un menu très simple, et lui appliquer l’effet jQuery voulu afin de le rendre rétractable en quelques lignes de codes. Voici un exemple tout pourri, juste pour montrer l’effet jquery toggle sur des blocs: See the Pen menu retractable by yuyazz (@yuyazz) on CodePen. Un peu de css : Puis le […]