Comment Faire Clignoter Un Bouton

Table des matières:

Comment Faire Clignoter Un Bouton
Comment Faire Clignoter Un Bouton

Vidéo: Comment Faire Clignoter Un Bouton

Vidéo: Comment Faire Clignoter Un Bouton
Vidéo: Faire clignoter une led avec deux boutons 2024, Peut
Anonim

Un bouton clignotant est un élément de conception Web qui permet de rendre une page lumineuse et attrayante. Cependant, lors de l'utilisation de cet effet, vous devez penser à la commodité des utilisateurs: n'abusez pas des "puces" ondulantes.

Comment faire clignoter un bouton
Comment faire clignoter un bouton

Instructions

Étape 1

Si le bouton requis, représenté sous la forme d'une image de lien et changeant de couleur après avoir survolé le curseur, créez-le à l'aide de la table et des attributs onMouseOver et onMouseOut.

Bouton

Étape 2

Vous pouvez créer un bouton clignotant en utilisant JavaScript. Pour que l'effet prenne effet au survol de la souris et s'estompe après la suppression du curseur, utilisez le code suivant: En-tête de tabulation arrColor = ["0", "1", "2", "3", "4", "5 ", "6", "7", "8", "9", "a", "b", "c", "d", "e", "f"]; function mouseOut () {for (i = 0; i <13; i ++) setTimeout ('document.blinkbutton.button.style.background = "#' + arrColor [15-i] + '0' + arrColor [15 -i] + 'FFF ";', i * 50); } function mouseOver () {for (i = 0; i <15; i ++) setTimeout ('document.blinkbutton.button.style.background = "#' + arrColor + '0' + arrColor + ' F31 "; ', i * 50); }

Étape 3

Si vous avez Adobe Photoshop à portée de main, vous pouvez créer un effet de clignotement directement dans l'éditeur graphique. Pour ce faire, créez un nouveau fichier, ainsi que de nouveaux calques, dont le nombre doit être égal à la somme des images. Après cela, dans le panneau de droite, sélectionnez le premier calque avec un "œil" et ouvrez l'élément "Animation" dans le menu "Fenêtre". Dans le panneau qui apparaît, cliquez sur le bouton dupliquer le cadre, déplacez "l'œil" sur le calque suivant, et ainsi de suite. Faites un clic droit sur chaque image et réglez l'heure. Prévisualisez le résultat, modifiez-le si nécessaire et enregistrez-le au format

Conseillé: