Trei moduri de a face modificările de imagine atunci când cursorul mouse-ului pe blog-ul kostanevicha

Trei moduri de a face modificările de imagine atunci când cursorul mouse-ului

Metoda №1 - utilizarea a două imagini
Se prepară două imagini. Ele trebuie să fie de aceeași dimensiune, dar diferite de culoare.

Acum, introduceți cele două butoane în fișierul:

Metoda №2 - utilizarea o imagine
Se prepară o imagine. Dar imaginea trebuie să aibă două imagini de butoane de diferite culori.

Probabil te intrebi cum imaginea se va schimba la alta, în cazul în care acesta este unul. Cu ușurință prin utilizarea proprietăților background-position.
Înlocuirea o imagine la alta are loc prin deplasarea pe verticală. Asta e tot miracole! Aruncati o privire la codul:

Metoda №3 - utilizarea o imagine și CSS-efect

Ia-o imagine a modului №1, de exemplu, «knopka-1.png». Aici avem nevoie de doar o singură imagine. Când treceți cu mouse-ul pe imagine declanșat CSS-efect. Aruncati o privire la codul:

Aici astfel de aici plăcinte astăzi!

Bună ziua. Vă mulțumim pentru blogul dvs. informativ. Spune-mi, este posibil de a face folosind CSS, astfel încât să nu atingeți minimiza schimbat Hover, și inscripția? Și multe butoane și etichete sunt diferite. Sau aveți nevoie pentru a crea o funcție?

Bună ziua, Timothy! Puteți face acest lucru folosind un CSS convențional.
Citiți acest articol și cu ajutorul acestor reguli pot face ceea ce vrei.

Vă mulțumim pentru eficiența, dar nimic altceva. Trebuie să mă nu stilul textului pe buton, și textul propriu-zis. și anume butonul spune „Da“, atunci când titlul Hover ar trebui să fie schimbat la „Nu“. este posibil acest lucru?

Prin apăsarea butonului se va schimba textul:

Pentru a modifica textul atunci când treceți peste ea cu mouse-ul, utilizați acest cod aici:

Wow! Vă mulțumim! Cu toate acestea funcționează, chiar și cu Java! Vă mulțumesc foarte mult! La prima ocazie va testa