Come Far Lampeggiare Un Pulsante

Sommario:

Come Far Lampeggiare Un Pulsante
Come Far Lampeggiare Un Pulsante

Video: Come Far Lampeggiare Un Pulsante

Video: Come Far Lampeggiare Un Pulsante
Video: Tre modi per collegare un pulsante ad Arduino #17 2024, Novembre
Anonim

Un pulsante lampeggiante è un elemento di web design che aiuta a rendere una pagina luminosa e attraente. Tuttavia, quando si utilizza questo effetto, è necessario pensare alla comodità degli utenti: non abusare delle "chip" increspate.

Come far lampeggiare un pulsante
Come far lampeggiare un pulsante

Istruzioni

Passo 1

Se il pulsante richiesto, rappresentato come un'immagine di collegamento e che cambia colore dopo aver posizionato il cursore, crealo utilizzando la tabella e gli attributi onMouseOver e onMouseOut.

Pulsante

Passo 2

Puoi creare un pulsante lampeggiante usando JavaScript. Per rendere effettivo l'effetto al passaggio del mouse e dissolvenza dopo la rimozione del cursore, utilizzare il seguente codice: Tab header 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 "; ', io * 50); }

Passaggio 3

Se hai Adobe Photoshop a portata di mano, puoi creare un effetto lampeggiante direttamente nell'editor grafico. Per fare ciò, crea un nuovo file e nuovi livelli, il cui numero dovrebbe essere uguale alla somma dei fotogrammi. Successivamente, nel pannello di destra, seleziona il primo livello con un "occhio" e apri la voce "Animazione" dal menu "Finestra". Sul pannello che appare, fai clic sul pulsante del fotogramma duplicato, sposta l'"occhio" sul livello successivo e così via. Fare clic con il tasto destro su ogni fotogramma e impostare l'ora. Visualizza in anteprima il risultato, modificalo se necessario e salvalo in formato

Consigliato: