Utripajoči gumb je element spletnega oblikovanja, ki pomaga, da je stran svetla in privlačna. Ko pa uporabljate ta učinek, morate razmisliti o udobju uporabnikov: ne zlorabljajte valovitih "čipov".
Kako utripati gumb
Navodila
Korak 1
Če zahtevani gumb, predstavljen kot slika povezave in spreminja barvo po premikanju kurzorja, ga ustvarite s pomočjo tabele in atributov onMouseOver in onMouseOut.
Gumb
2. korak
Utripajoč gumb lahko ustvarite z uporabo JavaScript. Če želite, da učinek učinkuje na miškin kazalec in izgine po odstranitvi kurzorja, uporabite naslednjo kodo: Naslov zavihka arrColor = ["0", "1", "2", "3", "4", "5 "," 6 "," 7 "," 8 "," 9 "," a "," b "," c "," d "," e "," f "]; funkcija 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. korak
Če imate pri roki Adobe Photoshop, lahko utripate neposredno v grafičnem urejevalniku. Če želite to narediti, ustvarite novo datoteko in nove plasti, katerih število mora biti enako vsoti okvirjev. Po tem na desni plošči izberite prvo plast z "očesom" in v meniju "Okno" odprite element "Animacija". Na plošči, ki se prikaže, kliknite gumb podvojenega okvirja, premaknite "oko" na naslednjo plast itd. Z desno miškino tipko kliknite vsak okvir in nastavite čas. Predogled rezultata, po potrebi ga spremenite in shranite v obliki
Gumbi se ustvarijo v HTML z uporabo oznak in. So sestavni del skoraj vsakega vmesnika in pomagajo poslati potrebne informacije v skript vodnika ali očistiti že izpolnjene obrazce. Navodila Korak 1 Z uporabo deskriptorja strani dodate gumb z imenom in vrednostjo
Različni jeziki kodiranja omogočajo oblikovanje hiperpovezav v besedilu na več načinov: lahko je le vstavljena povezava in beseda, ko kliknete, na kateri pride do prehoda, in slika, vključno s premikajočo se, ter gumb . Slednja metoda oblikovanja je še posebej pomembna, če ima blog tehnični poudarek
Internet postaja vse bolj interaktiven in uporabniki vse bolj začnejo medsebojno komunicirati na različnih spletnih mestih, pri čemer uporabljajo svoje račune v družabnih omrežjih - kot so VKontakte, Facebook, Odnoklassniki in drugi. Skoraj vsako spletno mesto ima na koncu članka več gumbov, s klikom na katerega lahko hitro delite gradivo, ki vam je všeč, s prijatelji v svojem računu
Gumbi na spletnih straneh se uporabljajo za interaktivno uporabniško izkušnjo. Če odziv na klik gumba praviloma ne zahteva pošiljanja podatkov na strežnik, se interakcija izvede s pomočjo skriptov JavaScript. Načini priklica ustrezne kode JavaScript se lahko razlikujejo - spodaj je na voljo več možnih možnosti za gumbe različnih vrst
Majhne pasice standardne velikosti 88 x 31 slikovnih pik na internetu običajno imenujemo "gumbi". Pri izmenjavi povezav so pasice te velikosti zelo priljubljene med spletnimi skrbniki. Zavzamejo zelo malo prostora na strani, vendar jim prinesejo več pozornosti kot preproste besedilne povezave
