Create a new Fiddle - jsFiddle - Online Editor for the Web (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS) Web Development: The Need to Know Basics. W3Schools Online Web Tutorials. TypeNavigator. Typetester – Compare fonts for the screen.
House of Buttons. Smashing Magazine. Le Rollover : comment faire ? Le problème Sur le web, le rollover (ou image réactive) permet de changer une image, lorsque le curseur de la souris passe sur celle-ci. Pour parvenir ce petit miracle de technologie, il suffit d'écrire (ou d'utiliser) un script en JavaScript. Maintenant, il est vrai que la plupart des éditeurs HTML permettent de le faire, sans même mettre la main dans le code. Est-ce que cela fait bien la même chose ? Exemples de rollover Faire un rollover Le résultat Voici pour comparer, le même code pour un rollover généré par un éditeur (Dreamweaver 4) Le matériel - 2 images (exp deux boutons de couleur différente) - ces images doivent (c'est mieux) posséder des noms explicites : ici bouton-bleu_off.gif et bouton-vert_on.gif Le code Pour les personnes qui n'auraient pas besoin d'autres explications, voici le code pour générer une page HTML avec un rollover.
Les explications Décortiquons le code (fait à la main) pour comprendre ce qui se passe. Les paramètres à changer 2. le nom des fichiers-image : 3. Limites.