TP3 jQuery

• Comme son nom l’indique, c’est quelque-chose, une action plus précisément, qui survient à la suite d’un déclencheur spécifique.
• Il s’agit d’une action utilisateur, lorsque vous cliquez sur un bouton pour ouvrir ou fermer une fenêtre, vous déclencher un événement, qui en fonction de conditions requises, va exécuter le code chargé de réaliser l’action que vous avez demandée.

–

• Bleu au passage de la souris ;
• Vert en réponse à un click ;
• Rouge en réponse à un double click.

• Un message d’anniversaire évolutif.
• Liens vers les fichiers "anniversaire.css", "anniversaire.js"
• En haut de votre page, le message "Joyeux anniversaire", suivi de 3 petits paragraphes de vœux, qui se dévoilent un par un lorsque l’on clique sur le précédent.
• Le message et les 3 paragraphes sont intégrés chacun dans une balise div comportant un id.

• Positionnement et mise en forme des éléments
• Ajout de la police "Fleur Indie"
• Fichier de à télécharger: Cliquer Ici et enregistrer le fichier dans l’emplacement de votre dossier
• Code css à utiliser:

@font-face {
	font-family: 'Indie Flower';
	src: url('IndieFlower.ttf');
}

• Télécharger l’image suivante: Cliquer Ici
• Fichier son à télécharger: Cliquer Ici et enregistrer le fichier dans l’emplacement de votre dossier

• Effet hide () sur les 3 paragraphes pour qu’ils ne soient pas visibles
• Affichage successif des paragraphes avec la méthode click
• Ajout de l’audio: Une fois que l’utilisateur a cliqué sur le dernier paragraphe, un gros effet sonore doit se faire
  entendre
• Changement de l’image d’arrière plan: Une fois que l’utilisateur a cliqué sur le dernier paragraphe, l’arrière plan se change avec un image d’anniversaire que vous pouvez le chercher dans le web