Imaginea se schimbă atunci când treceți pe blog-ul kostanevicha Stepan

Imaginea se schimbă atunci când treci

Am de multe ori să se ocupe de problema atunci când site-ul de client necesită buton, cum ar fi „Solicitare un apel“ pentru a schimba culoarea atunci când treceți mouse-ul pe ea. Dacă întâlniți această problemă și nu știe cum să o rezolve, atunci ați ajuns la pagina potrivită.

Cum să-mi fac o imagine atunci când treceți peste ea cu mouse-ul?

De exemplu, voi folosi două imagini:

- buton imagine «knopka-1.png»

și un buton de imagine după ce a subliniat mouse-ul la ea «knopka-1-1.png»

Acum umple aceste butoane în «imagini» dosar, în cazul în care nu există nici un dosar, creați. Și trecem la cod.

În HTML introduceți aici următorul cod între etichetele :

În CSS, introduceți acest cod aici:

Indicii în codul am scris, deci cred că banii trebuiau să fie probleme.

Acesta este modul în care va arăta codul gata:

Rezultatul este o privire la sfârșitul anului.

Shemka aici este aceasta:

Acesta este modul în care va arăta codul gata:

Ar fi posibil pentru a termina acest articol. Dar mă voi simți vinovat dacă nu ați fost de acord cu cele din urmă. Faptul că este posibil să se utilizeze imagine cu un singur buton, și folosind proprietățile css pentru a face efecte.

De exemplu, voi folosi această imagine:

- buton imagine «knopka-1.png»

Metoda №3 - cu pomoschyuCSS. Efectul de butoane alb-negru

În HTML introduceți aici următorul cod între etichetele :

În CSS, introduceți acest cod aici:

Efectele pot adăuga orice, le poate vedea aici.

Imaginea se schimbă atunci când treci

Bună ziua, Elena! Am vrut să văd pe butonul de pe site-ul dvs., dar nu am găsit-o acolo. Configurarea și voi vedea ce problema este! Scrie, ce mod de a afișa butoanele pe care le utilizați.

Lecția interesantă, mai ales pentru incepatori. În general, CSS lucru puternic poti face efecte interesante fără a utiliza JAVA. Dar, în principiu, pe cineva la fel de confortabil.

Bună seara Stepan.

Nu a fost un pic Poser, așa că am decis să se întoarcă la tine, pentru că Nu ai o dată mi-a dat un sfat competent și ușor de înțeles. Întrebarea este doar pe tema postului.
Am scris aici un astfel de cod

Acesta funcționează mare și o zi, atunci când treceți cursorul mouse-ului peste imagine, ea a oprit pentru a trece la o altă imagine. Stilurile și coduri care nu s-au schimbat nimic ... Asta e doar a luat și a încetat să funcționeze. În ceea ce poate fi problema. Aș fi foarte recunoscător pentru sfat. Multumesc anticipat. ➡

Pentru a începe cu, acest lucru este în interiorul de tratare a evenimentelor nu este foarte gud (poate după actualizarea browser-ul și sa oprit din cauza acestui lucru).

2 nu este de dorit pentru a efectua acțiunea acolo.

dacă într-adevăr dorești ceva cu adevărat să se întoarcă - adevărat sau fals, este mai bine să facă acest lucru:

și numai în funcția de a înregistra că este - adevărat sau fals.

În al doilea rând, return true; există, în general, inutilă.

În al treilea rând, nu se știe ce este scris în changeImages FCT ()

Deci, pentru a începe, scoateți-l return true; În cazul în care nu funcționează, atunci aveți nevoie pentru a alege f-TION. Link-ul poate fi, eu te uiti?

Bună seara Stepan. Am trimis prin intermediul formularului de feedback pe link-ul, va veni la mesajul meu?

Bună ziua, Alexandru!
Mi-ar fi uitat dacă ați deschis posibilitatea de a consulta codul sursă.