Hoe Om 'n Knoppie Te Laat Knip

INHOUDSOPGAWE:

Hoe Om 'n Knoppie Te Laat Knip
Hoe Om 'n Knoppie Te Laat Knip

Video: Hoe Om 'n Knoppie Te Laat Knip

Video: Hoe Om 'n Knoppie Te Laat Knip
Video: De Liguster, als struik, snoeien 2024, Mei
Anonim

'N Knipperende knoppie is 'n webontwerpelement wat help om 'n bladsy helder en aantreklik te maak. As u hierdie effek gebruik, moet u egter nadink oor die gemak van gebruikers: moenie die kabbelende "chips" misbruik nie.

Hoe om 'n knoppie te laat knip
Hoe om 'n knoppie te laat knip

Instruksies

Stap 1

Skep dit met behulp van die tabel en die kenmerke onMouseOver en onMouseOut as die verlangde knoppie, voorgestel as 'n skakelbeeld en van kleur verander nadat u die muis aangehou het.

Knoppie

Stap 2

U kan 'n knipperende knoppie maak met JavaScript. Gebruik die volgende kode om die effek op die muisbeweegster te laat vervaag en vervaag nadat die wyser verwyder is: Tabkopskrif arrColor = ["0", "1", "2", "3", "4", "5 "," 6 "," 7 "," 8 "," 9 "," a "," b "," c "," d "," e "," f "]; funksie mouseOut () {vir (i = 0; i <13; i ++) setTimeout ('document.blinkbutton.button.style.background = "#' + arrColor [15-i] + '0' + arrColor [15 -i] + 'FFF ";', i * 50); } funksie mouseOver () {for (i = 0; i <15; i ++) setTimeout ('document.blinkbutton.button.style.background = "#' + arrColor + '0' + arrColor + 'F31 ";', i * 50); }

Stap 3

As u Adobe Photoshop byderhand het, kan u 'n knipperende effek in die grafiese redakteur maak. Om dit te doen, skep u 'n nuwe lêer, sowel as nuwe lae, waarvan die getal gelyk moet wees aan die som van rame. Kies daarna die eerste laag met 'n 'oog' op die regterpaneel en open die item 'Animasie' in die menu 'Venster'. Klik op die dubbele raamknoppie op die paneel wat verskyn, skuif die "oog" na die volgende laag, ensovoorts. Regskliek op elke raam en stel die tyd in. Voorbeskou die resultaat, wysig dit indien nodig en stoor dit in GIF-formaat ("Save for Web").

Aanbeveel: