ΠΡΠΎΠ΄ΠΎΠ»ΠΆΠ°Ρ ΡΠ΅ΡΠΈΡ ΡΡΠ°ΡΠ΅ΠΉ ΠΎ ΡΠΎΠ·Π΄Π°Π½ΠΈΠΈ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ ΡΡΡΠ΅ΠΊΡΠΎΠ² ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΈ, Π²ΡΠΏΠΎΠ»Π½Π΅Π½Π½ΡΡ ΠΈΡΠΊΠ»ΡΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΡΠ΅Π΄ΡΡΠ²Π°ΠΌΠΈ CSS, Π±Π΅Π· ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ javacript. Π‘Π΅ΠΉΡΠ°Ρ ΡΡΡΠ΄Π½ΠΎ ΠΊΠΎΠ³ΠΎ-Π½ΠΈΠ±ΡΠ΄Ρ ΡΠ΄ΠΈΠ²ΠΈΡΡ hover-ΡΡΡΠ΅ΠΊΡΠ°ΠΌΠΈ Π΄Π»Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ, ΠΏΠΎΡΠ°ΠΆΠ°Π΅Ρ Π»ΠΈΡΡ ΠΌΠ½ΠΎΠ³ΠΎΠΎΠ±ΡΠ°Π·ΠΈΠ΅ Π²ΠΈΠ΄ΠΎΠ² ΠΈ ΡΠΎΡΠΌ ΡΠ°ΠΊΠΈΡ ΡΡΡΠ΅ΠΊΡΠΎΠ². Π§Π°ΡΠ΅ Π²ΡΠ΅Π³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ ΡΡΡΠ΅ΠΊΡΠ½ΡΠ΅ ΠΏΠΎΡΠ²Π»Π΅Π½ΠΈΡ ΠΏΠΎΠ΄ΠΏΠΈΡΠ΅ΠΉ ΠΊ ΠΌΠΈΠ½ΠΈΠ°ΡΡΡΠ°ΠΌ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ, ΡΠ΅ΠΆΠ΅ ΠΊ ΠΏΠΎΠ»Π½ΠΎΡΠ°Π·ΠΌΠ΅ΡΠ½ΡΠΌ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ°ΠΌ.
Π‘Π΅Π³ΠΎΠ΄Π½Ρ ΠΏΡΠΎΠ΄Π΅ΠΌΠΎΠ½ΡΡΡΠΈΡΡΡ ΠΏΠ°ΡΠΎΡΠΊΡ ΠΏΡΠΎΡΡΡΡ
hover-ΡΡΡΠ΅ΠΊΡΠΎΠ² Π΄Π»Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ.
Π ΠΎΠ΄Π½ΠΎΠΌ ΠΈΠ· ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠ΅Π² ΠΊ ΠΎΡΠ΅ΡΠ΅Π΄Π½ΠΎΠΉ ΡΡΠ°ΡΡΠ΅, ΠΌΠ΅Π½Ρ ΠΏΠΎΠΏΡΠΎΡΠΈΠ»ΠΈ ΡΠ΄Π΅Π»Π°ΡΡ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΡΡ ΡΠ°ΠΌΠΊΡ, ΡΠ°ΡΡΡΠ³ΠΈΠ²Π°ΡΡΡΡΡΡ ΠΏΠΎ ΡΡΠΎΡΠΎΠ½Π°ΠΌ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ, ΡΡΠΎ Ρ ΠΊΠΎΠ½Π΅ΡΠ½ΠΎ ΡΡΡ ΠΆΠ΅ ΠΈ ΡΠ΄Π΅Π»Π°Π», Π° Π·Π°ΡΠ΅ΠΌ ΡΠΈΡΡΠΎ Π΄Π»Ρ ΡΠΎΠ³ΠΎ ΡΡΠΎΠ±Ρ ΡΡΡΠ΅ΠΊΡ Π²ΡΠ³Π»ΡΠ΄Π΅Π» Π±ΠΎΠ»Π΅Π΅ Π»ΠΎΠ³ΠΈΡΠ½ΡΠΌ ΠΈ Π·Π°Π²Π΅ΡΡΠ΅Π½Π½ΡΠΌ, ΠΊ ΡΠ°ΠΌΠΊΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΠ» ΠΈ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΡΡ ΠΏΠΎΠ΄ΠΏΠΈΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ.
ΠΠ°Π½Π½ΠΎΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ Π½Π°ΡΡΠΎΠ»ΡΠΊΠΎ ΠΏΡΠΎΡΡΠΎΠ΅, ΡΡΠΎ Π½Π΅ Π²ΠΈΠΆΡ ΡΠΌΡΡΠ»Π° ΡΠ°ΡΠΏΠΈΡΡΠ²Π°ΡΡ Π² ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎΡΡΡΡ
Π²ΡΠ΅ ΡΠ°Π³ΠΈ ΠΈΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ, ΠΏΠΎΡΠΌΠΎΡΡΠ΅Π² ΠΈΡΡ
ΠΎΠ΄Π½ΠΈΠΊΠΈ, Π΄ΡΠΌΠ°Ρ Π²Π°ΠΌ Π±ΡΠ΄Π΅Ρ Π½Π΅ ΡΡΡΠ΄Π½ΠΎ ΡΠ°Π·ΠΎΠ±ΡΠ°ΡΡΡΡ, ΡΡΠΎ ΠΊΡΠ΄Π° ΠΈ Π·Π°ΡΠ΅ΠΌ )).
ΠΡΠΈΠΌΠ΅ΡΡ Π²ΡΠ»ΠΎΠΆΠΈΠ» Π² ΠΎΠ±Π»Π°ΡΠ½ΠΎΠΌ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅ Jsfiddle, ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ ΠΈ ΠΈΡΡ
ΠΎΠ΄Π½ΡΠΉ ΠΊΠΎΠ΄, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΠΎΡΠΌΠΎΡΡΠ΅ΡΡ «Π½Π΅ ΠΎΡΡ
ΠΎΠ΄Ρ ΠΎΡ ΠΊΠ°ΡΡΡ», ΡΠΎ Π΅ΡΡΡ Π½Π΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎ Π² ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅, Π° ΠΏΠΎΠΊΠΎΠ²ΡΡΡΡΡΡΡ Π² ΠΊΠΎΠ΄Π΅, ΠΏΠ΅ΡΠ΅ΠΉΠ΄Ρ Π² ΠΎΠ½Π»Π°ΠΉΠ½-ΡΠ΅Π΄Π°ΠΊΡΠΎΡ.
ΠΠ°ΡΠΈΠ°Π½Ρ 1
ΠΡΠΏΠ»ΡΠ²Π°ΡΡΠ°Ρ ΡΠ°ΠΌΠΊΠ° ΠΈ ΠΏΠΎΠ΄ΠΏΠΈΡΡ ΠΏΠΎΡΠ²Π»ΡΡΡΡΡ ΠΏΠΎΡΠ΅ΡΠ΅Π΄ΠΈΠ½Π΅ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ, ΡΠ°ΠΌΠΊΠ° ΡΠ°ΡΡΡΠ³ΠΈΠ²Π°Π΅ΡΡΡ ΠΏΠΎ ΡΡΠΎΡΠΎΠ½Π°ΠΌ, ΠΏΠΎΠ΄ΠΏΠΈΡΡ ΠΏΠ»Π°Π²Π½ΠΎ ΠΌΠ°ΡΡΡΠ°Π±ΠΈΡΡΠ΅ΡΡΡ Π΄ΠΎ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ½Π½ΠΎΠ³ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ°, ΠΏΡΠΈ ΡΡΠΎΠΌ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΡΠ»Π΅Π³ΠΊΠ° Π·Π°ΡΠ΅Π½ΡΠ΅ΡΡΡ.
Π ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ Π±Π°Π·ΠΎΠ²ΠΎΠ³ΠΎ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° Π΄Π»Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΈ ΠΏΠΎΠ΄ΠΏΠΈΡΠΈ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π» ΡΠ»Π΅ΠΌΠ΅Π½Ρ <figure>
Π² ΡΠΎΡΠ΅ΡΠ°Π½ΠΈΠΈ Ρ <figcaption>
, ΠΊΠΎΡΠΎΡΡΠΉ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π² Π΄Π°Π½Π½ΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ Π΄Π»Ρ Π²ΡΠ²ΠΎΠ΄Π° ΠΏΠΎΠ΄ΠΏΠΈΡΠΈ. ΠΠ΅ΡΠ΅ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡ ΡΡΠΈΠ»ΠΈ ΡΠ°ΠΌΠΊΠΈ ΠΈ ΠΏΠΎΠ΄ΠΏΠΈΡΠΈ, Π° ΡΠ°ΠΊ ΠΆΠ΅ ΡΠ°ΠΌΠΎΠ³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π½Π΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎ Π² CSS.
ΠΠ°ΡΠΈΠ°Π½Ρ 2
ΠΡΡ ΡΠΎΠΆΠ΅ ΡΠ°ΠΌΠΎΠ΅, ΠΊΠ°ΠΊ ΠΈ Π² ΠΏΠ΅ΡΠ²ΠΎΠΌ Π²Π°ΡΠΈΠ°Π½ΡΠ΅, ΠΏΠΎΠ΄ΠΏΠΈΡΡ ΡΠ°ΠΊ ΠΆΠ΅ ΠΏΠΎΡΠ²Π»ΡΠ΅ΡΡΡ ΠΏΠΎΡΠ΅ΡΠ΅Π΄ΠΈΠ½Π΅ ΠΈ ΠΏΠ»Π°Π²Π½ΠΎ ΡΠ²Π΅Π»ΠΈΡΠΈΠ²Π°Π΅ΡΡΡ Π΄ΠΎ Π·Π°Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ°, ΠΈΠ·ΠΌΠ΅Π½ΠΈΠ» Π»ΠΈΡΡ Π½Π°ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΠΏΠΎΡΠ²Π»Π΅Π½ΠΈΡ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ΅ΠΉ ΡΠ°ΠΌΠΊΠΈ, Π² Π΄Π°Π½Π½ΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΡΠ°ΠΌΠΊΠ° ΡΠ°ΡΡΡΠ³ΠΈΠ²Π°Π΅ΡΡΡ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΎΡ ΡΠ΅Π½ΡΡΠ° Π²Π²Π΅ΡΡ
ΠΈ Π²Π½ΠΈΠ·, ΡΠ°Π·ΠΌΠ΅ΡΠΊΠ° HTML ΠΎΡΡΠ°ΡΡΡΡ Π±Π΅Π· ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ.
ΠΠ°ΡΠ°ΠΌΠ΅ΡΡΡ Π»ΡΠ±ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°, Π²Ρ Π²ΡΠ΅Π³Π΄Π° ΡΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ Π²ΠΈΠ΄, ΡΠΎΠ»ΡΠΈΠ½Ρ ΠΈ ΡΠ²Π΅Ρ ΡΠ°ΠΌΠΊΠΈ, ΡΠ²Π΅Ρ, ΡΠ°Π·ΠΌΠ΅Ρ ΠΈ ΡΡΠΈΡΡ Π½Π°ΡΠ΅ΡΡΠ°Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ° ΠΏΠΎΠ΄ΠΏΠΈΡΠ΅ΠΉ, Π²ΠΈΠ΄ΠΎΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΠ°ΠΌΠΈ ΠΌΠΈΠ½ΠΈΠ°ΡΡΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ, ΠΈ Ρ.Π΄...
Π Π·Π°Π²Π΅ΡΡΠ΅Π½ΠΈΠ΅, Ρ ΠΎΡΡ ΠΏΡΠΎΠ°Π½ΠΎΠ½ΡΠΈΡΠΎΠ²Π°ΡΡ Π²ΡΡ ΠΎΠ΄ Π±ΠΎΠ»ΡΡΠΎΠΉ ΠΊΠΎΠ»Π»Π΅ΠΊΡΠΈΠΈ hover-ΡΡΡΠ΅ΠΊΡΠΎΠ² Π½Π° ΡΠΈΡΡΠΎΠΌ CSS Π΄Π»Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ, Π² ΠΊΠΎΡΠΎΡΠΎΠΉ Π±ΡΠ΄ΡΡ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½Ρ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ Π²ΠΈΠ΄Ρ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΉ, ΡΡΠ°Π½ΡΡΠΎΡΠΌΠ°ΡΠΈΠΉ Π΄ΡΡΠ³ΠΈΠ΅ Π²ΠΈΠ΄Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° Π½ΠΈΡ . Π‘Π»Π΅Π΄ΠΈΡΠ΅ Π·Π° ΠΎΠ±Π½ΠΎΠ²Π°ΠΌΠΈ, ΠΏΡΠΈΡΠΎΠ΅Π΄ΠΈΠ½ΡΠΉΡΠ΅ΡΡ ΠΊΠΎ ΠΌΠ½Π΅ Π² twitter ΠΈ Π²Ρ Π½ΠΈΠΊΠΎΠ³Π΄Π°, ΠΈ Π½ΠΈΡΠ΅Π³ΠΎ Π½Π΅ ΠΏΡΠΎΠΏΡΡΡΠΈΡΠ΅.
Π‘ Π£Π²Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ, ΠΠ½Π΄ΡΠ΅ΠΉ .
ΠΡΠ΄Ρ Π²ΡΠ΅ΠΌ ΠΏΡΠΈΠ·Π½Π°ΡΠ΅Π»Π΅Π½, Π΅ΡΠ»ΠΈ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΡΠ΅ ΠΏΡΠΎΠ΅ΠΊΡ — Π΄ΠΎΠ±Π°Π²ΠΈΠ² Π±Π»ΠΎΠ³ Π² ΠΈΡΠΊΠ»ΡΡΠ΅Π½ΠΈΡ AdBlock ΠΈ ΠΏΠΎΠ΄Π΅Π»ΠΈΡΠ΅ΡΡ ΡΡΡΠ»ΠΊΠΎΠΉ Π½Π° Π·Π°ΠΏΠΈΡΡ Π² ΡΠ²ΠΎΠΈΡ ΡΠΎΡ-ΡΠ΅ΡΡΡ :
ΠΠ΄ΡΠ°Π²ΡΡΠ²ΡΠΉΡΠ΅!
ΠΡΠ»ΠΈΡΠ½ΡΠΉ ΠΏΡΠΈΠΌΠ΅Ρ. Π ΡΡΠΎ Π½ΡΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ, ΡΡΠΎΠ±Ρ Π²ΡΡΠ°Π²ΠΈΡΡ Π΄Π²Π΅ ΡΡΡΠ»ΠΊΠΈ Π½Π° Π΄Π²Π° ΡΠ°Π·Π½ΡΡ ΡΠ°ΠΉΡΠ°? Π‘ΠΏΠ°ΡΠΈΠ±ΠΎ.
ΠΡΠ»ΠΈ Π½Π΅ Π²Π΄Π°Π²Π°ΡΡΡ Π² ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎΡΡΠΈ, ΠΏΠΎ-Π±ΡΡΡΡΠΎΠΌΡ, ΠΏΡΠΈΠΌΠ΅ΡΠ½ΠΎ ΡΠ°ΠΊ: ΡΠΌ.ΠΏΡΠΈΠΌΠ΅Ρ
Π‘ΠΏΠ°ΡΠΈΠ±ΠΎ Π·Π° ΠΎΡΠ²Π΅Ρ! Π£ΠΆΠ΅ ΡΠ°Π·ΠΎΠ±ΡΠ°Π»ΡΡ.