Hogyan Lehet Egy Gombot Villogni

Tartalomjegyzék:

Hogyan Lehet Egy Gombot Villogni
Hogyan Lehet Egy Gombot Villogni

Videó: Hogyan Lehet Egy Gombot Villogni

Videó: Hogyan Lehet Egy Gombot Villogni
Videó: Долларовое дерево 🔴 Замиокулькас 🔴 Пересадка и уход за долларовым деревом 2024, November
Anonim

A villogó gomb egy webdesign-elem, amely segít az oldalt fényessé és vonzóvá tenni. Ennek a hatásnak a használatakor azonban gondolkodnia kell a felhasználók kényelméről: ne éljen vissza a hullámzó "chipekkel".

Hogyan lehet egy gombot villogni
Hogyan lehet egy gombot villogni

Utasítás

1. lépés

Ha a kívánt gomb, amely linkképként jelenik meg, és a kurzor lebegtetése után megváltoztatja a színét, hozza létre azt a táblázat, valamint az onMouseOver és az onMouseOut attribútumok segítségével.

Gomb

2. lépés

Villogó gombot készíthet JavaScript használatával. Ahhoz, hogy a hatás érvénybe lépjen az egérmutatón és elhalványuljon a kurzor eltávolítása után, használja a következő kódot: Tab fejléc 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); }

3. lépés

Ha kéznél van az Adobe Photoshop, akkor villoghat közvetlenül a grafikus szerkesztőben. Ehhez hozzon létre egy új fájlt, valamint új rétegeket, amelyek számának meg kell egyeznie a keretek összegével. Ezt követően a jobb oldali panelen válassza ki az első réteget egy "szemmel", és nyissa meg az "Animáció" elemet az "Ablak" menüből. A megjelenő panelen kattintson a duplikált keret gombra, vigye a "szemet" a következő rétegre, és így tovább. Kattintson jobb gombbal az egyes képkockákra, és állítsa be az időt. Tekintse meg az eredmény előnézetét, módosítsa, ha szükséges, és mentse el

Ajánlott: