Kuidas Panna Nupp Vilkuma

Sisukord:

Kuidas Panna Nupp Vilkuma
Kuidas Panna Nupp Vilkuma

Video: Kuidas Panna Nupp Vilkuma

Video: Kuidas Panna Nupp Vilkuma
Video: Point TV 113. Kuidas välklamp juhtmevabalt kaamerast eemale viia? 2024, Mai
Anonim

Vilkuv nupp on veebidisaini element, mis aitab muuta lehe säravaks ja atraktiivseks. Selle efekti kasutamisel peate siiski mõtlema kasutajate mugavusele: ärge kuritarvitage lainetavaid "kiipe".

Kuidas nupp vilkuma panna
Kuidas nupp vilkuma panna

Juhised

Samm 1

Kui vajalik nupp, mis on kujutatud lingipildina ja muudab värvi pärast kursori hõljutamist, looge see tabeli ning atMouseOver ja onMouseOut atribuutide abil.

Nupp

2. samm

Vilkuva nupu saate teha JavaScripti abil. Efekti rakendamiseks hiire hõljutamisel ja pärast kursori eemaldamist hääbumiseks kasutage järgmist koodi: vahelehe pealkiri arrColor = ["0", "1", "2", "3", "4", "5 "," 6 "," 7 "," 8 "," 9 "," a "," b "," c "," d "," e "," f "]; funktsioon mouseOut () {jaoks (i = 0; i <13; i ++) setTimeout ('document.blinkbutton.button.style.background = "#' + arrColor [15-i] + '0' + arrColor [15 -i] + 'FFF'; ', i * 50); } function mouseOver () {jaoks (i = 0; i <15; i ++) setTimeout ('document.blinkbutton.button.style.background = "#' + arrColor + '0' + arrColor + 'F31 ";', i * 50); }

3. samm

Kui teil on käepärast Adobe Photoshop, saate pilgutava efekti teha otse graafikatoimetuses. Selleks looge uus fail ja ka uued kihid, mille arv peaks olema võrdne kaadrite summaga. Pärast seda valige paremal paneelil esimene kiht "silmaga" ja avage menüüst "Aken" üksus "Animatsioon". Klõpsake ilmuval paneelil raami duplikaadi nuppu, liigutage "silm" järgmisele kihile ja nii edasi. Paremklõpsake igal kaadril ja määrake aeg. Tulemuse eelvaade, vajadusel muutmine ja salvestamine GIF-vormingus („Salvesta veebi jaoks“).

Soovitan: