Kā Padarīt Pogu Mirgot

Satura rādītājs:

Kā Padarīt Pogu Mirgot
Kā Padarīt Pogu Mirgot

Video: Kā Padarīt Pogu Mirgot

Video: Kā Padarīt Pogu Mirgot
Video: Полное руководство по Google Forms - универсальный инструмент для опросов и сбора данных онлайн! 2024, Maijs
Anonim

Mirgojoša poga ir tīmekļa dizaina elements, kas palīdz padarīt lapu gaišu un pievilcīgu. Tomēr, izmantojot šo efektu, jums jādomā par lietotāju ērtībām: nelietojiet ļaunprātīgi pulsējošās "mikroshēmas".

Kā padarīt pogu mirgot
Kā padarīt pogu mirgot

Instrukcijas

1. solis

Ja nepieciešamā poga, kas tiek attēlota kā saites attēls un mainot krāsu pēc kursora novietošanas, izveidojiet to, izmantojot tabulu un atribūtus onMouseOver un onMouseOut.

Poga

2. solis

Izmantojot JavaScript, varat izveidot mirgojošu pogu. Lai efekts stātos spēkā ar peles kursoru un izgaist pēc kursora noņemšanas, izmantojiet šādu kodu: Cilnes virsraksts arrColor = ["0", "1", "2", "3", "4", "5 "," 6 "," 7 "," 8 "," 9 "," a "," b "," c "," d "," e "," f "]; funkcija mouseOut () {par (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. solis

Ja jums ir Adobe Photoshop, varat mirkšķināt efektu tieši grafikas redaktorā. Lai to izdarītu, izveidojiet jaunu failu, kā arī jaunus slāņus, kuru skaitam jābūt vienādam ar kadru summu. Pēc tam labajā panelī atlasiet pirmo slāni ar "aci" un izvēlnē "Logs" atveriet vienumu "Animācija". Parādītajā panelī noklikšķiniet uz rāmja dublikāta pogas, pārvietojiet "aci" uz nākamo slāni utt. Ar peles labo pogu noklikšķiniet uz katra rāmja un iestatiet laiku. Priekšskatiet rezultātu, modificējiet to, ja nepieciešams, un saglabājiet to

Ieteicams: