Hur Man Får En Knapp Att Blinka

Innehållsförteckning:

Hur Man Får En Knapp Att Blinka
Hur Man Får En Knapp Att Blinka

Video: Hur Man Får En Knapp Att Blinka

Video: Hur Man Får En Knapp Att Blinka
Video: Hur man raggarkopplar blinkers? 2024, November
Anonim

En blinkande knapp är ett webbdesignelement som hjälper till att göra en sida ljus och attraktiv. Men när du använder denna effekt måste du tänka på användarnas bekvämlighet: missbruk inte de krusande "chipsen".

Hur man får en knapp att blinka
Hur man får en knapp att blinka

Instruktioner

Steg 1

Om önskad knapp, representerad som en länkbild och färgbyte efter att ha svävat markören, skapar du den med hjälp av tabellen och attributen onMouseOver och onMouseOut.

Knapp

Steg 2

Du kan skapa en blinkande knapp med JavaScript. För att få effekten att träda in i musen och blekna ut efter att markören har tagits bort, använd följande kod: Flikens rubrik arrColor = ["0", "1", "2", "3", "4", "5 "," 6 "," 7 "," 8 "," 9 "," a "," b "," c "," d "," e "," f "]; funktion mouseOut () {för (i = 0; i <13; i ++) setTimeout ('document.blinkbutton.button.style.background = "#' + arrColor [15-i] + '0' + arrColor [15 -i] + 'FFF ";', i * 50); } funktion mouseOver () {för (i = 0; i <15; i ++) setTimeout ('document.blinkbutton.button.style.background = "#' + arrColor + '0' + arrColor + 'F31 ";', i * 50); }

Steg 3

Om du har Adobe Photoshop till hands kan du göra en blinkande effekt direkt i grafikredigeraren. För att göra detta, skapa en ny fil, liksom nya lager, vars antal ska vara lika med summan av ramar. Därefter, på den högra panelen, välj det första lagret med ett "öga" och öppna objektet "Animering" från "Fönster" -menyn. Klicka på den dubbla ramknappen på panelen som visas, flytta "ögat" till nästa lager och så vidare. Högerklicka på varje ram och ställ in tiden. Förhandsgranska resultatet, ändra det vid behov och spara det i GIF-format (“Spara för webben”).

Rekommenderad: