29 ΡΠ°Π±ΠΎΠ² ΠΈ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ Π΄Π»Ρ ΡΠ°ΠΉΡΠ° Π½Π° jquery
ΠΠ»Π°Π²Π½Π°Ρ Β» Π’Π΅Ρ Π½ΠΎΠ±Π»ΠΎΠ³ Β» Π‘Π»Π°ΠΉΠ΄Π΅ΡΡ, ΠΌΠ΅Π½Ρ, ΡΠΊΡΠΈΠΏΡΡ Π½Π° ΡΠ°ΠΉΡ Β» 28 ΡΠ°Π±ΠΎΠ² ΠΈ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ Π΄Π»Ρ ΡΠ°ΠΉΡΠ° Π½Π° jquery
Β
Β
1. jQuery Π²ΠΊΠ»Π°Π΄ΠΊΠΈ
ΠΠ΅ΠΌΠΎ
Π‘ΠΊΠ°ΡΠ°ΡΡ
2. Π Π°Π·Π½ΠΎΡΠ²Π΅ΡΠ½ΡΠ΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Π½Π° jQuery
ΠΠ΅ΠΌΠΎ
Π‘ΠΊΠ°ΡΠ°ΡΡ
3. jQuery ΡΠ°Π±Ρ
ΠΠ΅ΠΌΠΎ
Π‘ΠΊΠ°ΡΠ°ΡΡ
4. Π‘ΡΠΈΠ»ΡΠ½ΡΠ΅ ΡΠ°Π±Ρ Π½Π° jQuery
ΠΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅ Π² Π²ΠΈΠ΄Π΅ jQuery Π²ΠΊΠ»Π°Π΄ΠΎΠΊ.
ΠΠ΅ΠΌΠΎ
Π‘ΠΊΠ°ΡΠ°ΡΡ
5. jQuery ΠΌΠ΅Π½Ρ Π² Π²ΠΈΠ΄Π΅ ΡΠ°Π±ΠΎΠ²
ΠΠ΅ΠΌΠΎ
Π‘ΠΊΠ°ΡΠ°ΡΡ
6. jQuery Π²ΠΊΠ»Π°Π΄ΠΊΠΈΒ Β«Slider KitΒ»
ΠΠ°Π²ΠΈΠ³Π°ΡΠΈΡ Π² Π²ΠΈΠ΄Π΅ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ. ΠΠ΅ΡΠ΅Ρ ΠΎΠ΄ ΠΏΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌ ΠΎΡΡΡΠ΅ΡΡΠ²Π»ΡΠ΅ΡΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠΎΠ»Π΅ΡΠ° ΠΌΡΡΠΈ, Π»ΠΈΠ±ΠΎ ΠΏΠΎ Π½Π°ΠΆΠ°ΡΠΈΠΈ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΡ. ΠΡΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΠΏΠΎΠΌΠ΅ΡΡΠΈΡΡ Π² ΠΎΠ±Π»Π°ΡΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΊΠ°ΡΡΡΠ΅Π»ΡΒ Slider Kit. ΠΡΠ΅ ΠΏΡΠΈΠΌΠ΅ΡΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΠΎΡΠΌΠΎΡΡΠ΅ΡΡ Π½Π° Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΠΎΠ½Π½ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅.
7. ΠΠΊΠ»Π°Π΄ΠΊΠΈ Π½Π° jQuery
jQuery ΡΠ°Π±Ρ Ρ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΡΠΌ ΡΡΡΠ΅ΠΊΡΠΎΠΌ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄Π°. ΠΠ΅ΡΠ΅Ρ ΠΎΠ΄ ΠΌΠ΅ΠΆΠ΄Ρ Π²ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌΠΈ ΠΎΡΡΡΠ΅ΡΡΠ²Π»ΡΠ΅ΡΡΡ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΊΡΡΡΠΎΡΠ°.
ΠΠ΅ΠΌΠΎ
Π‘ΠΊΠ°ΡΠ°ΡΡ
8.
jQuery ΡΠ°Π±ΡΠΠΈΠ±ΡΠΈΠ΄ jQuery ΡΠ°Π±ΠΎΠ² ΠΈ ΡΠ»Π°ΠΉΠ΄Π΅ΡΠ° ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°. ΠΠΎΠ»ΡΡΠΈΠ»ΠΎΡΡ Π²Π΅ΡΡΠΌΠ° ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΠΎΠ΅ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅.
ΠΠ΅ΠΌΠΎ
Π‘ΠΊΠ°ΡΠ°ΡΡ
9. jQuery ΠΠ΅Π½Ρ Π² Π²ΠΈΠ΄Π΅ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ
ΠΡΠΈ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄Π΅ ΠΌΠ΅ΠΆΠ΄Ρ ΠΏΡΠ½ΠΊΡΠ°ΠΌΠΈ ΠΌΠ΅Π½Ρ ΠΏΠ»Π°Π²Π½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΡΠ΅ΡΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΡΡΡΠ°Π½ΠΈΡΡ.
ΠΠ΅ΠΌΠΎ
Π‘ΠΊΠ°ΡΠ°ΡΡ
10. ΠΡΡΠ΅ΠΊΡΠ½ΡΠ΅ CSS3 ΡΠ°Π±Ρ Β Β«Glow TabsΒ»
Π‘Π²Π΅ΠΆΠ΅Π΅ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ Π΄Π»Ρ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ ΡΠ°Π±ΠΎΠ² Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ CSS3.
ΠΠ΅ΠΌΠΎ
Π‘ΠΊΠ°ΡΠ°ΡΡ
11. Ajax Π·Π°Π³ΡΡΠ·ΠΊΠ° ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ
ΠΡΠΈ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄Π΅ Π½Π° ΠΏΡΠ½ΠΊΡ ΠΌΠ΅Π½Ρ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΠΏΠΎΠ΄Π³ΡΡΠΆΠ°Π΅ΡΡΡ Π±Π΅Π· ΠΏΠ΅ΡΠ΅Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΡΡΡΠ°Π½ΠΈΡΡ.
ΠΠ΅ΠΌΠΎ
Π‘ΠΊΠ°ΡΠ°ΡΡ
12.jQuery ΡΠ°Π±Ρ
Π‘Π²Π΅ΠΆΠ΅Π΅ Π°ΠΊΠΊΡΡΠ°ΡΠ½ΠΎΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ Π΄Π»Ρ ΠΎΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΠΈ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ Π½Π° ΡΠ°ΠΉΡΠ΅.
ΠΠ΅ΠΌΠΎ
Π‘ΠΊΠ°ΡΠ°ΡΡ
13. Π’Π°Π±Ρ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ Mootols
ΠΠ½ΡΠ΅ΡΠ΅ΡΠ½ΡΠΉ ΡΡΡΠ΅ΠΊΡ ΠΏΡΠΈ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄Π΅ ΠΌΠ΅ΠΆΠ΄Ρ Π²ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌΠΈ.
ΠΠ΅ΠΌΠΎ
Π‘ΠΊΠ°ΡΠ°ΡΡ
14. ΠΠΊΠ»Π°Π΄ΠΊΠΈ Ρ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠΎΠΌ Π½Π° jQuery
ΠΠ΅ΠΌΠΎ
Π‘ΠΊΠ°ΡΠ°ΡΡ
15. Mootools ΡΠ°Π±Ρ, ΠΏΠ»Π°Π³ΠΈΠ½Β Β«MGFX.TabsΒ»
Π Π΅Π°Π»ΠΈΠ·Π°ΡΠΈΡ ΡΠ°Π±ΠΎΠ² Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ Mootools.
ΠΠ΅ΠΌΠΎ
Π‘ΠΊΠ°ΡΠ°ΡΡ
16. Mootools ΡΠ°Π±Ρ Β«nuTabsΒ»
ΠΠ΅ΠΌΠΎ
Π‘ΠΊΠ°ΡΠ°ΡΡ
17. Mootools ΠΏΠ»Π°Π³ΠΈΠ½ Π΄Π»Ρ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ ΡΠ°Π±ΠΎΠ² Β«MooTabsΒ»
ΠΠ΅ΠΌΠΎ
Π‘ΠΊΠ°ΡΠ°ΡΡ
18. ΠΠ»ΠΎΠΊ ΡΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌΠΈ Π½Π° jQuery
ΠΠ΅ΠΌΠΎ
Π‘ΠΊΠ°ΡΠ°ΡΡ
19. jQuery Π²ΠΊΠ»Π°Π΄ΠΊΠΈ
ΠΠ΅ΠΌΠΎ
Π‘ΠΊΠ°ΡΠ°ΡΡ
20.Β CSS3 ΡΠ°Π±Ρ
ΠΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅ Π² Π²ΠΈΠ΄Π΅ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ, ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π½ΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS3.
ΠΠ΅ΠΌΠΎ
Π‘ΠΊΠ°ΡΠ°ΡΡ
21. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ Ρ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΡΠΌ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ jQuery
ΠΠ»Π°Π³ΠΈΠ½Β Β«Tabbed Content RotatorΒ» Π΄Π»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ Π² Π²ΠΈΠ΄Π΅ ΡΠ°Π±ΠΎΠ².
ΠΠ΅ΠΌΠΎ
Π‘ΠΊΠ°ΡΠ°ΡΡ
22.Β jQuery UIΒ ΠΏΠ»Π°Π³ΠΈΠ½ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ
ΠΠ΅ΡΠ΅Ρ ΠΎΠ΄ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ°Π±Π°ΠΌΠΈ Π²ΠΎΠ·ΠΌΠΎΠΆΠ΅Π½ ΡΠ°ΠΊΠΆΠ΅ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ Β«ΠΠ°Π»ΡΡΠ΅Β» ΠΈ Β«ΠΠ°Π·Π°Π΄Β».
ΠΠ΅ΠΌΠΎ
Π‘ΠΊΠ°ΡΠ°ΡΡ
23. jQuery Π²ΠΊΠ»Π°Π΄ΠΊΠΈ
Π Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½ΠΎ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ² ΠΏΠ΅ΡΠ΅Ρ
ΠΎΠ΄Π° ΠΌΠ΅ΠΆΠ΄Ρ Π²ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌΠΈ. Π‘ΡΡΠ»ΠΊΠΈ Π½Π° Π²ΡΠ΅ ΠΏΡΠΈΠΌΠ΅ΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΡΠΌΠΎΡΡΠ΅ΡΡ Π½Π°Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΠΎΠ½Π½ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅. ΠΠ° ΡΡΡΠ°Π½ΠΈΡΠ΅ Π·Π°Π³ΡΡΠ·ΠΊΠΈ Π½Π°ΠΆΠΌΠΈΡΠ΅ Π½Π° ΡΡΡΠ»ΠΊΡ Ρ Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΡΠΌ Π°ΡΡ
ΠΈΠ²ΠΎΠΌ Π΄Π»Ρ Π½Π°ΡΠ°Π»Π° ΡΠΊΠ°ΡΠΈΠ²Π°Π½ΠΈΡ.
ΠΠ΅ΠΌΠΎ
Π‘ΠΊΠ°ΡΠ°ΡΡ
24. jQuery ΠΏΠΎΡΡΡΠ°Π½ΠΈΡΠ½Π°Ρ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΡΒ Β«tabs Pagination pluginΒ»
ΠΠ»Π°Π³ΠΈΠ½ Π΄Π»Ρ ΠΏΠΎΡΡΡΠ°Π½ΠΈΡΠ½ΠΎΠΉ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ ΠΏΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌ. ΠΠ΅ΡΠ΅ΠΉΡΠΈ Π½Π° ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΡ Π²ΠΊΠ»Π°Π΄ΠΊΡ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΆΠ°Π² Π½Π° ΡΡΡΠ»ΠΊΡ Ρ Π½ΠΎΠΌΠ΅ΡΠΎΠΌ, Π»ΠΈΠ±ΠΎ Π²Π²Π΅Π΄Ρ Ρ ΠΊΠ»Π°Π²ΠΈΠ°ΡΡΡΡ Π½ΠΎΠΌΠ΅Ρ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΈ Π½Π°ΠΆΠ°ΡΡ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡ Β«GoΒ».
ΠΠ΅ΠΌΠΎ
Π‘ΠΊΠ°ΡΠ°ΡΡ
25. CSS ΡΠ°Π±Ρ
ΠΠ°Π²ΠΈΠ³Π°ΡΠΈΡ Π² Π²ΠΈΠ΄Π΅ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ.
ΠΠ΅ΠΌΠΎ
Π‘ΠΊΠ°ΡΠ°ΡΡ
26. Π‘ΡΠΈΠ»ΡΠ½ΡΠ΅ CSS3 Π²ΠΊΠ»Π°Π΄ΠΊΠΈ
ΠΠ΅ΠΌΠΎ
Π‘ΠΊΠ°ΡΠ°ΡΡ
27. ΠΠ΅Π³ΠΊΠΈΠ΅ ΡΠ°Π±Ρ Π½Π° jQuery
ΠΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρ Π²ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌΠΈ Ρ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΡΠΌ.
ΠΠ΅ΠΌΠΎ
Π‘ΠΊΠ°ΡΠ°ΡΡ
28. ΠΠΊΠ»Π°Π΄ΠΊΠΈ Π½Π° jQuery
ΠΠ°Π²ΠΈΠ³Π°ΡΠΈΡ Π² Π²ΠΈΠ΄Π΅ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ.
Β
Β
21.05.2013
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ:
tabs Β» Π‘ΠΊΡΠΈΠΏΡΡ Π΄Π»Ρ ΡΠ°ΠΉΡΠΎΠ²
ΠΠ΄Π°ΠΏΡΠΈΠ²Π½ΡΠ΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ β Responsive Tabs
ΠΠ»Π°Π³ΠΈΠ½ ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΡΡ
Π²ΠΊΠ»Π°Π΄ΠΎΠΊ. ΠΠΊΠ»Π°Π΄ΠΊΠΈ ΡΡΠ°Π½ΡΡΠΎΡΠΌΠΈΡΡΡΡΡΡ Π² Π°ΠΊΠΊΠΎΡΠ΄ΠΈΠΎΠ½ ΠΏΡΠΈ Π΄ΠΎΡΡΠΈΠΆΠ΅Π½ΠΈΠΈ Π·Π°Π΄Π°Π½Π½ΠΎΠ³ΠΎ CSS breakpoint.
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΡΠΎΠ³ΠΎ ΡΠΊΡΠΈΠΏΡΠ° Π΄Π»Ρ ΡΠ°Π±ΠΎΠ² Π±ΡΠ΄Π΅Ρ ΠΎΡΠ»ΠΈΡΠ½ΠΎ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΠΈ Π½Π° Π΄Π΅ΡΠΊΡΠΎΠΏΠ΅, ΠΈ Π½Π° ΠΏΠ»Π°Π½ΡΠ΅ΡΠ΅ ΠΈ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΠΎΠΌ ΡΡΡΡΠΎΠΉΡΡΠ²Π΅.
Tabulous β ΠΏΠ»Π°Π³ΠΈΠ½ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ, ΡΠ°Π±ΠΎΠ²
Tabulous — ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ Π΄Π»Ρ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ Ρ ΡΠ΅Π±Ρ Π½Π° ΡΠ°ΠΉΡΠ΅ Π±Π»ΠΎΠΊΠ° Ρ Π²ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌΠΈ Ρ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠΌΠΈ ΡΡΡΠ΅ΠΊΡΠ°ΠΌΠΈ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ ΡΠ°ΠΌΠΈΡ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ.
ΠΠ΄Π°ΠΏΡΠΈΠ²Π½ΡΠ΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Π½Π° jQuery
ΠΠ΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΡΡΠΎΠΊ ΠΊΠΎΠ΄Π° Π½Π° jQuery + ΠΎΠ΄ΠΈΠ½ CSS ΡΠ°ΠΉΠ» ΠΈ ΠΎΡΠ»ΠΈΡΠ½ΡΠ΅ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΡΠ΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Π³ΠΎΡΠΎΠ²Ρ. ΠΠ½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΡΡΡ ΡΡΠΈΠ»ΡΠΌΠΈ. ΠΡΠΈ ΡΠΌΠ΅Π½ΡΡΠ΅Π½ΠΈΠΈ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΠΎΠΊΠ½Π° Π±ΡΠ°ΡΠ·Π΅ΡΠ° Π΄ΠΎ Π·Π°Π΄Π°Π½Π½ΠΎΠ³ΠΎ Π² @media{} Π²ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΈΠ· Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΡΡ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΡΡΡΡΡ Π² Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΡΠΉ Π°ΠΊΠΊΠΎΡΠ΄ΠΈΠΎΠ½.
ΠΠ΄Π°ΠΏΡΠΈΠ²Π½ΡΠ΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΡΡΡΠΈΠ΅ΡΡ Π² Π°ΠΊΠΊΠΎΡΠ΄ΠΈΠΎΠ½
ΠΠ΅Π³ΠΊΠΈΠΉ jQuery ΠΏΠ»Π°Π³ΠΈΠ½, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΡΠ΅Ρ ΠΎΠ±ΡΡΠ½ΡΠ΅ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΡΠ΅ ΠΈΠ»ΠΈ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΡΠ΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Π½Π° ΡΡΡΡΠΎΠΉΡΡΠ²Π°Ρ Ρ ΠΌΠ΅Π½ΡΡΠΈΠΌ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠΌ ΡΠΊΡΠ°Π½Π° Π² Π°ΠΊΠΊΠΎΡΠ΄ΠΈΠΎΠ½.
DOMTab — Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Π½Π° javascript
DOMtab — ΡΡΠΎ jΠ°vascript, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠ²ΡΠ·ΡΠ²Π°Π΅Ρ ΡΡΡΠ»ΠΊΠΈ ΠΈΠ· ΡΠΏΠΈΡΠΊΠ° Ρ ΡΠ΅ΠΊΡΠΈΡΠΌΠΈ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ° Π² Π²ΠΈΠ΄Π΅ ΡΠ°Π± ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°.
ΠΠ°Π½Π½ΡΠ΅ ΡΠ°Π±Ρ ΠΎΡΠ΅Π½Ρ Ρ
ΠΎΡΠΎΡΠΎ ΠΏΠΎΠ΄Π΄Π°ΡΡΡΡ Π²Π½Π΅ΡΠ½Π΅ΠΌΡ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS ΡΠ²ΠΎΠΉΡΡΠ², ΡΡΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ Π²ΠΏΠΈΡΠ°ΡΡ ΠΈΡ
Π² Π»ΡΠ±ΠΎΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½. ΠΠΈ ΠΊΠ°ΠΊΠΈΡ
jQuery ΠΈ Mootools Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ, ΡΠΎΠ»ΡΠΊΠΎ ΡΠΈΡΡΡΠΉ jΠ°vascript.
jTabs — ΠΏΠ»Π°Π³ΠΈΠ½ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ
jTabs — ΠΏΠ»Π°Π³ΠΈΠ½ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΠΈΠΉ jQuery.
Π£Π½ΠΈΠ²Π΅ΡΡΠ°Π»ΡΠ½ΡΠ΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Π½Π° jQuery
ΠΡΠΎΡΡΠ°Ρ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΡΡ ΠΈΠ»ΠΈ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΠΎ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Π½ΡΡ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ Π½Π° jQuery Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΡΡΡΠΎΠΊ ΠΊΠΎΠ΄Π° Π΄Π»Ρ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ Π²ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌΠΈ.
Ajax Π²ΠΊΠ»Π°Π΄ΠΊΠΈ
Π‘Π΄Π΅Π»Π°Π΅ΠΌ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ (tabs) ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ jQuery ΠΈ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΡ ajax Π΄Π»Ρ ΠΏΠΎΠ΄Π³ΡΡΠ·ΠΊΠΈ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ ΠΈΠ· ΡΠ°ΠΉΠ»ΠΎΠ² (ΠΈΠ»ΠΈ Π±Π°Π·Ρ Π΄Π°Π½Π½ΡΡ ).
ΠΠΊΠ»Π°Π΄ΠΊΠΈ — tabs
ΠΡΠΎΡΡΠ°Ρ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΡ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ Π½Π° jΠ°vascript Π±Π΅Π· ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ ΡΡΠΎΡΠΎΠ½Π½ΠΈΡ java Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊ.
ΠΠΈΠ±ΠΊΠΈΠΉ Π°ΠΊΠΊΠΎΡΠ΄Π΅ΠΎΠ½
Π‘ΠΎΠ·Π΄Π°Π΄ΠΈΠΌ ΠΏΡΠΎΡΡΠΎΠΉ Π±ΡΡΡΡΠΎΡΠ΅Π°Π³ΠΈΡΡΡΡΠΈΠΉ Π°ΠΊΠΊΠΎΡΠ΄Π΅ΠΎΠ½, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΡΠΈ ΡΠ°ΡΠΊΡΡΡΠΈΠΈ Π±ΡΠ΄Π΅Ρ ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΠ°ΡΡΡΡ ΠΊ Π²Π΅ΡΡ
Π½Π΅ΠΉ ΠΎΠ±Π»Π°ΡΡΠΈ ΠΏΡΠΎΡΠΌΠΎΡΡΠ°. Π’Π°ΠΊΠΆΠ΅ Π±ΡΠ΄Π΅Ρ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΎ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΏΠ΅ΡΠ΅Ρ
ΠΎΠ΄ΠΎΠ² CSS3 Π΄Π»Ρ ΡΡΡΠ΅Π»ΠΊΠΈ.
ΠΠΊΠ»Π°Π΄ΠΊΠΈ ΡΠΎ ΡΠΊΠΎΡΠ΅Π½Π½ΡΠΌΠΈ ΡΠ³Π»Π°ΠΌΠΈ
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ ΠΎΡΠ΅Π½Ρ Π°ΠΊΡΡΠ°Π»ΡΠ½ΠΎ ΠΏΡΠΈ Π½Π°Π»ΠΈΡΠΈΠΈ Π±ΠΎΠ»ΡΡΠΎΠ³ΠΎ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²Π° ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ Π½Π° ΡΠ°ΠΉΡΠ΅. Π‘Π΅ΠΉΡΠ°Ρ ΠΊΠ°ΠΊ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ ΡΠΆΠ΅ ΠΏΠΎ Π΄Π΅ΡΠΎΠ»ΡΡ ΡΡΠ°ΡΠ°ΡΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠΊΡΡΠ³Π»Π΅Π½ΠΈΠ΅ ΡΠ³Π»ΠΎΠ², Π° ΠΌΡ ΠΆΠ΅ ΡΠ΄Π΅Π»Π°Π΅ΠΌ ΡΠΊΠΎΡΠ΅Π½Π½ΡΠ΅ ΡΠ³ΠΎΠ»ΠΊΠΈ Ρ Π½Π°ΡΠΈΡ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ.
ΠΠ΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΠΎΠ΅ ΠΌΠ΅Π½Ρ Π² ΠΊΠΎΡΠΎΡΠΎΠΌ ΡΠΊΡΠΈΠΏΡ ΡΠΎΠ·Π΄Π°Π΅Ρ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΈΠ· ul ΠΈ li ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ². ΠΠΎΠ½ΡΠ΅Π½Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ, ΠΊΠΎΠ³Π΄Π° Π²Ρ Π½Π°Π²ΠΎΠ΄ΠΈΡΠ΅ ΠΊΡΡΡΠΎΡ ΠΌΡΡΠΈ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΡ ΠΌΠ΅Π½Ρ. Π‘ΠΊΡΠΈΠΏΡ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°ΡΠΈΡ ΠΏΡΠΈΡΠΌΠΎΠ² CSS ΠΈ jQuery.
ΠΠΎΠΏΡΠ»ΡΡΠ½ΡΠ΅ ΡΡΠ°ΡΡΠΈ
Π Π΅ΠΊΠ»Π°ΠΌΠ°
ΠΠΏΡΠΎΡ
Π’Π°Π±Ρ ΠΈΠ»ΠΈ ΠΏΡΠΎΠ±Π΅Π»Ρ?
Π’Π°Π±Ρ
ΠΡΠΎΠ±Π΅Π»Ρ
Π§ΡΠΎ?!
ΠΠΎΠ²ΠΎΡΡΠΈ
ΠΠΎΠ΄ΠΏΠΈΡΠΈΡΡ
ΠΡΠΈΡΠΎΠ΅Π΄ΠΈΠ½ΡΠΉΡΡ, ΡΡΠΎΠ±Ρ ΡΠ·Π½Π°ΡΡ Π²ΡΠ΅ ΡΠ°ΠΌΠΎΠ΅ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΠΎΠ΅ Π΄Π»ΡΒ frontend ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ° ΠΈΒ Π°Π½ΠΎΠ½ΡΡ ΡΡΠ°ΡΠ΅ΠΉ ΡΒ ΡΠ°ΠΉΡΠ°.
Π Π°Π·Π½ΠΎΠ΅
Π Π΅ΠΊΠ»Π°ΠΌΠ°
Π‘Π²Π΅ΠΆΠΈΠ΅ ΡΡΠ°ΡΡΠΈ
22 jQuery Tabs
ΠΠΎΠ»Π»Π΅ΠΊΡΠΈΡ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΡ ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ² ΠΊΠΎΠ΄Π° jQuery tab ΠΈΠ· Codepen, Github ΠΈ Π΄ΡΡΠ³ΠΈΡ ΡΠ΅ΡΡΡΡΠΎΠ².
ΠΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ»Π»Π΅ΠΊΡΠΈΠΈ ΠΌΠ°ΡΡΠ° 2021 Π³ΠΎΠ΄Π°. 1 Π½ΠΎΠ²ΡΠΉ ΠΏΡΠ΅Π΄ΠΌΠ΅Ρ.- ΠΠΊΠ»Π°Π΄ΠΊΠΈ CSS
- ΠΠΊΠ»Π°Π΄ΠΊΠΈ Bootstrap
- ΠΠΊΠ»Π°Π΄ΠΊΠΈ JavaScript
- Π Π΅Π°Π³ΠΈΡΡΡΡΠΈΠ΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ
- ΠΠΊΠ»Π°Π΄ΠΊΠΈ ΠΏΠΎΠΏΡΡΠ½ΠΎΠ³ΠΎ Π²Π΅ΡΡΠ°
- ΠΠΊΠ»Π°Π΄ΠΊΠΈ Vue
Π ΠΊΠΎΠ΄Π΅
ΠΠΈΠ΄Π΅ΠΎΠΌΠΎΠ΄ΡΠ»Ρ jQuery Ρ Π²ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌΠΈ
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ: Chrome, Edge, Firefox, Opera, Safari
ΠΡΠ²Π΅Ρ: Π΄Π°
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ: —
Π ΠΊΠΎΠ΄Π΅
ΠΠΊΠ»Π°Π΄ΠΊΠΈ jQuery β Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠ°Ρ Π°Π½ΠΈΠΌΠΈΡΠΎΠ²Π°Π½Π½Π°Ρ Π»ΠΈΠ½ΠΈΡ
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ: Chrome, Edge, Firefox, Opera, Safari
ΠΡΠ²Π΅Ρ: Π½Π΅Ρ
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ: bootstrap.css
Π ΠΊΠΎΠ΄Π΅
ΠΠΎΠ»Π·ΡΠ½ΠΎΠΊ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ
ΠΠΎΠ»Π·ΡΠ½ΠΎΠΊ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ Π² jQuery.
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ: Chrome, Edge, Firefox, Opera, Safari
ΠΡΠ²Π΅Ρ: Π½Π΅Ρ
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ: jquery.
js
Π ΠΊΠΎΠ΄Π΅
ΠΠΊΠ»Π°Π΄ΠΊΠ°
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ: Chrome, Edge, Firefox, Opera, Safari
ΠΡΠ²Π΅Ρ: Π΄Π°
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ: —
Π‘ ΠΊΠΎΠ΄
ΠΠ°Π²ΠΈΠ³Π°ΡΠΈΡ ΠΏΠΎ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡΠΌ Ρ ΠΏΠΎΠΌΠΎΡΡΡ jQuery ΠΈ CSS-Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ: Chrome, Edge, Firefox, Opera, Safari
ΠΡΠ²Π΅Ρ: Π΄Π°
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ: font-awesome.css, jquery.js
Π ΠΊΠΎΠ΄Π΅
ΠΠΈΠ±ΠΊΠΈΠ΅ ΠΊΠ°ΡΡΡ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΡ
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ: Chrome, Edge, Firefox, Opera, Safari
ΠΡΠ²Π΅Ρ: Π΄Π°
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ: font-awesome.css, jquery.js
Π ΠΊΠΎΠ΄Π΅
ΠΠΊΠ»Π°Π΄ΠΊΠΈ Π½Π°ΡΡΡΠΎΠ΅ΠΊ
Π Π΅Π΄ΠΈΠ·Π°ΠΉΠ½ Π½Π°ΡΡΡΠΎΠ΅ΠΊ Hulu. ΠΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρ Π²ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌΠΈ Π½Π° Π»Π΅Π²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ.
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ: Chrome, Edge, Firefox, Opera, Safari
ΠΡΠ²Π΅Ρ: Π½Π΅Ρ
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ: font-awesome.css, jquery.js
Π ΠΊΠΎΠ΄Π΅
ΠΠ·Π±ΡΠ°Π½Π½ΡΠ΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ: Chrome, Edge, Firefox, Opera, Safari
ΠΡΠ²Π΅Ρ: Π΄Π°
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ: bootstrap.
css, font-awesome.css, jquery.js, bootstrap.js
Π ΠΊΠΎΠ΄Π΅
ΠΠΊΠ»Π°Π΄ΠΊΠΈ
Π§ΠΈΡΡΡΠΉ CSS Ρ Π½Π°ΠΌΠ΅ΠΊΠΎΠΌ Π½Π° JS. Π’Π΅Ρ Π½ΠΈΡΠ΅ΡΠΊΠΈ Π²Π°ΠΌ Π½Π΅ Π½ΡΠΆΠ΅Π½ JS, ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΠΎΠ½ ΠΏΡΠΎΡΡΠΎ ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ min-height .
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ: Chrome, Edge, Firefox, Opera, Safari
ΠΡΠ²Π΅Ρ: Π΄Π°
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ: jquery.js
Π ΠΊΠΎΠ΄Π΅
ΠΠΊΠ»Π°Π΄ΠΊΠ° Ρ ΠΏΠΎΡΠ°Π³ΠΎΠ²ΡΠΌ ΡΡΡΠ΅ΠΊΡΠΎΠΌ OnClick
ΠΠΊΠ»Π°Π΄ΠΊΠ° Bootstrap Ρ ΡΡΡΠ΅ΠΊΡΠΎΠΌ ΡΠ°Π³Π° onclick .
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ: Chrome, Edge, Firefox, Opera, Safari
ΠΡΠ²Π΅Ρ: Π΄Π°
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ: bootstrap.css, font-awesome.css, jquery.js, bootstrap.js
Π ΠΊΠΎΠ΄Π΅
ΠΡΠΎΠΊΡΡΡΠΊΠ° Π΄Π»Ρ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ: Chrome, Edge, Firefox, Opera, Safari
ΠΡΠ²Π΅Ρ: Π½Π΅Ρ
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ: bootstrap.css, jquery.js, jquery-ui.js, bootstrap.js
Π ΠΊΠΎΠ΄Π΅
ΠΠΊΠ»Π°Π΄ΠΊΠΈ-ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»ΠΈ
ΠΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»Ρ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ ΠΏΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌ ΡΡΠΈΠ»Ρ.
ΠΠΎΠΊΠ° ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΡΠΎΠ»ΡΠΊΠΎ Ρ Π΄Π²ΡΠΌΡ Π²ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌΠΈ.
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ: Chrome, Edge, Firefox, Opera, Safari
ΠΡΠ²Π΅Ρ: Π΄Π°
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ: jquery.js
Π‘ ΠΊΠΎΠ΄
ΠΠΊΠΊΠΎΡΠ΄Π΅ΠΎΠ½/ΡΠ°Π±Ρ Ρ Π°Π½ΠΈΠΌΠ°ΡΠΈΠ΅ΠΉ
ΠΡΠΎΡΡΠΎΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ Π΄Π»Ρ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ/Π°ΠΊΠΊΠΎΡΠ΄Π΅ΠΎΠ½ΠΎΠ² Ρ jQuery, HTML ΠΈ CSS.
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ: Chrome, Edge, Firefox, Opera, Safari
ΠΡΠ²Π΅Ρ: Π΄Π°
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ: jquery.js
Π ΠΊΠΎΠ΄Π΅
ΠΠΊΠ»Π°Π΄ΠΊΠΈ Π΄Π»Ρ Π»Π΅ΡΠ°ΡΡΠΈΡ ΠΊΠ°ΡΡΠΎΡΠ΅ΠΊ
ΠΠ°ΡΡΡ ΡΠ°Π·Π»Π΅ΡΠ°ΡΡΡΡ ΡΠ»ΡΡΠ°ΠΉΠ½ΡΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ.
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ: Chrome, Edge, Firefox, Opera, Safari
ΠΡΠ²Π΅Ρ: Π½Π΅Ρ
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ: jquery.js
Π ΠΊΠΎΠ΄Π΅
ΠΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ: Chrome, Edge, Firefox, Opera, Safari
ΠΡΠ²Π΅Ρ: Π΄Π°
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ: jquery.js, jquery-ui.js
Π ΠΊΠΎΠ΄Π΅
ΠΠΊΠ»Π°Π΄ΠΊΠΈ
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ: Chrome, Edge, Firefox, Opera, Safari
ΠΡΠ²Π΅Ρ: Π΄Π°
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ: jquery.
js
Π ΠΊΠΎΠ΄Π΅
ΠΠΎΠ΄Π°Π»ΡΠ½ΡΠ΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Π² jQuery
ΠΡΠΎ ΠΌΠΎΠ΄Π°Π»ΡΠ½ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ, Π²Π΄ΠΎΡ Π½ΠΎΠ²Π»Π΅Π½Π½ΠΎΠ΅ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΠΎΠΌ, ΠΊΠΎΡΠΎΡΠΎΠ΅ Π΄Π°Π΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΏΠ»Π°Π²Π½ΡΠΉ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄ ΠΌΠ΅ΠΆΠ΄Ρ ΠΏΠ°Π½Π΅Π»ΡΠΌΠΈ. ΠΠ°Π²ΠΈΠ³Π°ΡΠΈΡ ΠΈΠΌΠ΅Π΅Ρ ΠΊΡΠ»ΡΡΠΎΠ²ΡΠΉ ΡΡΡΠ΅ΠΊΡ Ripple Material Design, Π° ΡΠ°ΠΊΠΆΠ΅ ΡΠΊΠΎΠ»ΡΠ·ΡΡΡΡ ΡΠ°ΠΌΠΊΡ, ΡΡΠΎΠ±Ρ Π΄Π°ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΡ ΠΎ ΡΠΎΠΌ, ΠΊΠ°ΠΊΠ°Ρ Π²ΠΊΠ»Π°Π΄ΠΊΠ° Π°ΠΊΡΠΈΠ²Π½Π°.
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ: Chrome, Edge, Firefox, Opera, Safari
ΠΡΠ²Π΅Ρ: Π½Π΅Ρ
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ: —
Π ΠΊΠΎΠ΄Π΅
ΠΠ΄Π°ΠΏΡΠΈΠ²Π½ΡΠ΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ: Chrome, Edge, Firefox, Opera, Safari
ΠΡΠ²Π΅Ρ: Π΄Π°
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ: jquery.js
Π ΠΊΠΎΠ΄Π΅
Π‘Π΅ΠΊΡΡΠ°Π»ΡΠ½ΡΠ΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ: Chrome, Edge, Firefox, Opera, Safari
ΠΡΠ²Π΅Ρ: Π΄Π°
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ: jquery.js
Π ΠΊΠΎΠ΄Π΅
ΠΡΠ΄Π²ΠΈΠΆΠ½Π°Ρ ΠΊΠΎΡΠΎΠ±ΠΊΠ° Π΄Π»Ρ Π²Π΅ΡΠ΅ΠΉ
ΠΡΠΎΡΡΠΎ ΠΏΠ΅ΡΠ΅Ρ
ΠΎΠ΄Π½ΠΈΠΊ Π΄Π»Ρ ΠΎΠ±Π»Π°ΡΡΠ΅ΠΉ ΡΠΎ ΡΠΊΡΡΡΡΠΌ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΡΠΌ.
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ: Chrome, Edge, Firefox, Opera, Safari
ΠΡΠ²Π΅Ρ: Π΄Π°
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ: jquery.js
Π ΠΊΠΎΠ΄Π΅
ΠΠΊΠ»Π°Π΄ΠΊΠΈ ΡΡΠ°Π½ΡΡΠΎΡΠΌΠ°ΡΠΎΡΠ°
ΠΠ΄ΠΈΠ½ Π½Π°Π±ΠΎΡ ΡΠ΅ΠΌΠ°Π½ΡΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ HTML. ΠΠ΄ΠΈΠ½ ΠΊΠΎΠΌΠΏΠ»Π΅ΠΊΡ JS. ΠΠΊΠ»Π°Π΄ΠΊΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΡΠ΅Π²ΡΠ°ΡΠ°ΡΡΡΡ Π² ΠΏΠΎΠ»Π½ΠΎΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΡ ΡΠΈΡΡΠ΅ΠΌΡ, ΡΠΏΠΎΡΠΎΠ±Π½ΡΡ ΠΎΡΠΊΡΡΠ²Π°ΡΡΡΡ ΠΎΠ΄Π½ΠΈΠΌ ΠΊΠ°ΡΠ°Π½ΠΈΠ΅ΠΌ Π½Π° ΠΌΠ°Π»Π΅Π½ΡΠΊΠΎΠΌ ΡΠΊΡΠ°Π½Π΅.
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ: Chrome, Edge, Firefox, Opera, Safari
ΠΡΠ²Π΅Ρ: Π΄Π°
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ: jquery.js
Π ΠΊΠΎΠ΄Π΅
Π‘Π²Π΅ΡΠΎΠ²ΡΠ΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ
ΠΠ΅Π³ΠΊΠΈΠ΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Π² jQuery.
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ: Chrome, Edge, Firefox, Opera, Safari
ΠΡΠ²Π΅Ρ: Π½Π΅Ρ
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ: jquery.js
ΠΠ΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ ΠΎΡΠ½ΠΎΠ²Π½ΡΡ ΡΡΠ½ΠΊΡΠΈΠΉ Π²ΠΈΠ΄ΠΆΠ΅ΡΠ° jQuery TabStrip
ΠΠ°Π³ΡΡΠ·ΠΊΠ° Π΄Π΅ΠΌΠΎ…
index.html
Π’Π°ΠΊΠΆΠ΅ Π΄ΠΎΡΡΡΠΏΠ½ΠΎ Π΄Π»Ρ:
Π‘ΠΠ ΠΠΠΠ ΠΏΠΎ API- ΠΠ°ΡΠΈΠΆ
- ΠΡΡ-ΠΠΎΡΠΊ
- ΠΠΎΠ½Π΄ΠΎΠ½
- ΠΠΎΡΠΊΠ²Π°
17ΒΊC
ΠΠΎΠΆΠ΄Π»ΠΈΠ²Π°Ρ ΠΏΠΎΠ³ΠΎΠ΄Π° Π² ΠΠ°ΡΠΈΠΆΠ΅.
29ΒΊC
Π‘ΠΎΠ»Π½Π΅ΡΠ½Π°Ρ ΠΏΠΎΠ³ΠΎΠ΄Π° Π² ΠΡΡ-ΠΠΎΡΠΊΠ΅.
21ΒΊC
Π‘ΠΎΠ»Π½Π΅ΡΠ½Π°Ρ ΠΏΠΎΠ³ΠΎΠ΄Π° Π² ΠΠΎΠ½Π΄ΠΎΠ½Π΅.
16ΒΊC
Π ΠΠΎΡΠΊΠ²Π΅ ΠΎΠ±Π»Π°ΡΠ½ΠΎ.
ΠΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ TabStrip ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠ°ΡΡΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° Kendo Π΄Π»Ρ jQuery, Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° ΠΏΡΠΎΡΠ΅ΡΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΠ³ΠΎ ΡΡΠΎΠ²Π½Ρ Ρ Π±ΠΎΠ»Π΅Π΅ ΡΠ΅ΠΌ 110 ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°ΠΌΠΈ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. Π§ΡΠΎΠ±Ρ ΠΏΠΎΠΏΡΠΎΠ±ΠΎΠ²Π°ΡΡ Π΅Π³ΠΎ, ΠΏΠΎΠ΄ΠΏΠΈΡΠΈΡΠ΅ΡΡ Π½Π° Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΡ 30-Π΄Π½Π΅Π²Π½ΡΡ ΠΏΡΠΎΠ±Π½ΡΡ Π²Π΅ΡΡΠΈΡ.
Π‘ΠΊΠ°ΡΠ°ΡΡ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΡ ΠΏΡΠΎΠ±Π½ΡΡ Π²Π΅ΡΡΠΈΡ
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅
jQuery TabStrip ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ Π½Π°Π±ΠΎΡ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ ΠΈ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ ΡΠ²ΡΠ·Π°Π½Π½ΡΠΉ ΠΊΠΎΠ½ΡΠ΅Π½Ρ Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.
Π‘ΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ Π² TabStrip ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π³ΡΡΠ·ΠΈΡΡ ΠΈΠ· ΡΡΡΠ΅ΡΡΠ²ΡΡΡΠΈΡ
ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² div ΠΈΠ»ΠΈ Π·Π°Π³ΡΡΠ·ΠΈΡΡ Ρ ΡΠ΄Π°Π»Π΅Π½Π½ΡΡ
ΠΊΠΎΠ½Π΅ΡΠ½ΡΡ
ΡΠΎΡΠ΅ΠΊ.
Π ΡΡΠΎΠΉ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΠΈ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ²ΠΈΠ΄Π΅ΡΡ TabStrip, ΠΈΠ½ΠΈΡΠΈΠ°Π»ΠΈΠ·ΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΠΈΠ· ΡΡΡΠ΅ΡΡΠ²ΡΡΡΠ΅Π³ΠΎ Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ° ΠΈ Ρ Π²ΠΊΠ»ΡΡΠ΅Π½Π½ΡΠΌ ΡΡΡΠ΅ΠΊΡΠΎΠΌ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ.
ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ Kendo UI Π΄Π»Ρ jQuery TabStrip ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠ°ΡΡΡΡ Kendo UI Π΄Π»Ρ jQuery, Π²ΡΠ΅ΠΎΠ±ΡΠ΅ΠΌΠ»ΡΡΠ΅ΠΉ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° ΠΏΡΠΎΡΠ΅ΡΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΠ³ΠΎ ΡΡΠΎΠ²Π½Ρ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ ΠΌΠ½ΠΎΠ³ΠΎΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. ΠΠΎΠ»Π»Π΅ΠΊΡΠΈΡ Kendo UI Π΄Π»Ρ jQuery ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ Π±ΠΎΠ»Π΅Π΅ 110 ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°, ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ Π³Π°Π΄ΠΆΠ΅ΡΠΎΠ² Π΄Π»Ρ Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ Π΄Π°Π½Π½ΡΡ , ΠΈΡΡΠΎΡΠ½ΠΈΠΊ Π΄Π°Π½Π½ΡΡ Π½Π° ΡΡΠΎΡΠΎΠ½Π΅ ΠΊΠ»ΠΈΠ΅Π½ΡΠ° ΠΈ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ MVVM (Model-View-ViewModel).
ΠΡΠΎΡ ΠΏΡΠΈΠΌΠ΅Ρ TabStrip ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠ°ΡΡΡΡ ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΠΎΠΉ ΠΊΠΎΠ»Π»Π΅ΠΊΡΠΈΠΈ ΠΈΠ· ΡΠΎΡΠ΅Π½ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΠΉ jQuery, Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠΎΡΠΎΡΡΡ
Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ²ΠΈΠ΄Π΅ΡΡ Π²ΡΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° Kendo Π΄Π»Ρ jQuery ΠΈ ΠΈΡ
ΡΡΠ½ΠΊΡΠΈΠΈ Π² Π΄Π΅ΠΉΡΡΠ²ΠΈΠΈ. ΠΡΠΎΡΠΌΠ°ΡΡΠΈΠ²Π°ΠΉΡΠ΅ ΠΈΡΡ
ΠΎΠ΄Π½ΡΠΉ ΠΊΠΎΠ΄ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΠΉ ΠΈΠ· Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ ΠΈΠ»ΠΈ Π½Π°ΠΏΡΡΠΌΡΡ Π°Π΄Π°ΠΏΡΠΈΡΡΠΉΡΠ΅ ΠΈ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΡΠΉΡΠ΅ ΠΈΡ
ΠΈ ΠΈΡ
Π²Π½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄ Π² ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠΌ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ΅ Kendo Π΄Π»Ρ jQuery Dojo ΠΈΠ»ΠΈ ThemeBuilder.
