{"id":26585,"date":"2019-11-19T23:18:05","date_gmt":"2019-11-19T20:18:05","guid":{"rendered":"http:\/\/vichivisam.ru\/?p=26585"},"modified":"2019-11-19T23:26:36","modified_gmt":"2019-11-19T20:26:36","slug":"podborka-jquery-plaginov-css3-menyu-vsplyvayushhie-podskazki-slajdery-dlya-wordpress","status":"publish","type":"post","link":"https:\/\/vichivisam.ru\/?p=26585","title":{"rendered":"\u041f\u043e\u0434\u0431\u043e\u0440\u043a\u0430 JQuery \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432: css3 \u043c\u0435\u043d\u044e, \u0432\u0441\u043f\u043b\u044b\u0432\u0430\u044e\u0449\u0438\u0435 \u043f\u043e\u0434\u0441\u043a\u0430\u0437\u043a\u0438, \u0441\u043b\u0430\u0439\u0434\u0435\u0440\u044b \u0434\u043b\u044f WordPress"},"content":{"rendered":"<p style=\"text-align: justify;\">&nbsp;<\/p>\n<p style=\"text-align: justify;\">\u041e\u0447\u0435\u0440\u0435\u0434\u043d\u0430\u044f \u043f\u043e\u0434\u0431\u043e\u0440\u043a\u0430 JQuery \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0443\u043a\u0440\u0430\u0441\u044f\u0442 \u0412\u0430\u0448 \u0441\u0430\u0439\u0442 \u0438 \u043e\u0431\u043b\u0435\u0433\u0447\u0430\u0442 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u043c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f\u043c.<!--more--><\/p>\n<p style=\"text-align: justify;\">\u0422\u0435\u043f\u0435\u0440\u044c \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c, \u0447\u0442\u043e \u0438\u043c\u0435\u043d\u043d\u043e \u0432\u0445\u043e\u0434\u0438\u0442 \u0432 \u044d\u0442\u0443 \u043f\u043e\u0434\u0431\u043e\u0440\u043a\u0443:&nbsp;WordPress&nbsp;\u043f\u043b\u0430\u0433\u0438\u043d\u044b&nbsp;\u2014&nbsp;\u043c\u0435\u043d\u044e \u0434\u043b\u044f \u0431\u043b\u043e\u0433\u0430, \u0430 \u0442\u0430\u043a \u0436\u0435 \u043c\u0435\u043d\u044e, \u0433\u0430\u043b\u0435\u0440\u0435\u0438 \u0438 \u0435\u0449\u0451 \u043c\u043d\u043e\u0433\u043e \u0447\u0435\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e\u0433\u043e.&nbsp;<\/p>\n<h2 style=\"text-align: justify;\">\u0412\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0439&nbsp;Accordion<\/h2>\n<p style=\"text-align: justify;\">\u041f\u0440\u043e\u0441\u0442\u043e \u043f\u0440\u0435\u043a\u0440\u0430\u0441\u043d\u044b\u0439 \u044d\u0444\u0444\u0435\u043a\u0442. \u041e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u043f\u043e\u0434\u043e\u0439\u0434\u0451\u0442 \u0434\u043b\u044f \u043f\u043e\u0440\u0442\u0444\u043e\u043b\u0438\u043e.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2011\/07\/Bezyimyannyiy57.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-927\" src=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2011\/07\/Bezyimyannyiy57-520x383.jpg\" width=\"520\" height=\"383\"\/><\/a><span id=\"more-926\"><\/span><a href=\"http:\/\/tympanus.net\/Development\/VerticalSlidingAccordion\/example1.html\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\u041f\u0440\u0438\u043c\u0435\u0440<\/a>&nbsp;\u03b9&nbsp;<a href=\"http:\/\/tympanus.net\/Development\/VerticalSlidingAccordion\/VerticalSlidingAccordion.zip\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\u0421\u043a\u0430\u0447\u0430\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438<\/a><\/p>\n<h2 style=\"text-align: justify;\">\u0420\u0430\u0437\u0434\u0432\u0438\u0436\u043d\u043e\u0435 \u043c\u0435\u043d\u044e \u0441&nbsp;jQuery<\/h2>\n<p style=\"text-align: justify;\">\u041f\u0440\u0435\u043a\u0440\u0430\u0441\u043d\u0430\u044f \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u0434\u043b\u044f \u0412\u0430\u0448\u0435\u0433\u043e \u0441\u0430\u0439\u0442\u0430, \u0441 \u0444\u043e\u043d\u043e\u0432\u044b\u043c\u0438 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f\u043c\u0438<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2011\/07\/Bezyimyannyiy58.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-928\" src=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2011\/07\/Bezyimyannyiy58-520x280.jpg\" width=\"520\" height=\"280\"\/><\/a><a href=\"http:\/\/tympanus.net\/Development\/SlidingBackgroundImageMenu\/example5.html\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\u041f\u0440\u0438\u043c\u0435\u0440<\/a>&nbsp;\u03b9&nbsp;<a href=\"http:\/\/tympanus.net\/Development\/SlidingBackgroundImageMenu\/SlidingBackgroundImageMenu.zip\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\u0421\u043a\u0430\u0447\u0430\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438<\/a><\/p>\n<h2 style=\"text-align: justify;\">\u0421\u043b\u0430\u0439\u0434\u0435\u0440 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439 \u0441 JQuery<\/h2>\n<p style=\"text-align: justify;\">\u0418\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0439 \u0441\u043b\u0430\u0439\u0434\u0435\u0440 \u0434\u043b\u044f \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u043e\u0436\u043d\u043e \u0440\u0430\u0441\u0442\u044f\u043d\u0443\u0442\u044c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043f\u043e\u043b\u0437\u0443\u043d\u043a\u0430.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2011\/07\/jquery_expand_stacked_images.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-931\" src=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2011\/07\/jquery_expand_stacked_images.png\" width=\"500\" height=\"309\"\/><\/a>\u041f\u0440\u0438\u043c\u0435\u0440 \u03b9&nbsp;<a href=\"http:\/\/www.box.net\/shared\/8q5nu3zx9k\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\u0421\u043a\u0430\u0447\u0430\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438<\/a><\/p>\n<h2 style=\"text-align: justify;\">\u0412\u0440\u0430\u0449\u0435\u043d\u0438\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e JQuery<\/h2>\n<p style=\"text-align: justify;\">\u0418\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0439 \u043f\u043b\u0430\u0433\u0438\u043d, \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0412\u044b \u0441\u0430\u043c\u043e\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u043d\u043e \u0441\u043c\u043e\u0436\u0435\u0442\u0435 \u0432\u0440\u0430\u0449\u0430\u0442\u044c \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2011\/07\/jquery_expand_stacked_images1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-932\" src=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2011\/07\/jquery_expand_stacked_images1.png\" width=\"500\" height=\"505\"\/><\/a>\u041f\u0440\u0438\u043c\u0435\u0440 \u03b9&nbsp;<a href=\"http:\/\/www.box.net\/shared\/12txo3grfd\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\u0421\u043a\u0430\u0447\u0430\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438<\/a><\/p>\n<h2 style=\"text-align: justify;\">\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043a\u043e\u043b\u043b\u0430\u0436\u0430 \u0441 JQuery<\/h2>\n<p style=\"text-align: justify;\">\u0437\u0430\u043c\u0435\u0447\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u044d\u0444\u0444\u0435\u043a\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043a\u043e\u043b\u043b\u0430\u0436 \u0438\u0437 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2011\/07\/jquery_expand_stacked_images2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-933\" src=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2011\/07\/jquery_expand_stacked_images2.png\" width=\"500\" height=\"355\"\/><\/a>\u041f\u0440\u0438\u043c\u0435\u0440 \u03b9&nbsp;<a href=\"http:\/\/www.box.net\/shared\/9d09qz5449\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\u0421\u043a\u0430\u0447\u0430\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438<\/a><\/p>\n<h2 style=\"text-align: justify;\">\u041f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u0435 \u043e\u0431\u044a\u0435\u043a\u0442 \u0441 JQuery.<\/h2>\n<p style=\"text-align: justify;\">\u041e\u0431\u044a\u0435\u043a\u0442, \u043f\u0440\u0438 \u043d\u0430\u0436\u0430\u0442\u0438\u0438 \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0443, \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0430\u0435\u0442\u0441\u044f \u0432 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0435 \u0432 \u043b\u044e\u0431\u043e\u043c \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0438.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2011\/07\/jquery_expand_stacked_images3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-934\" src=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2011\/07\/jquery_expand_stacked_images3.png\" width=\"500\" height=\"551\"\/><\/a>\u041f\u0440\u0438\u043c\u0435\u0440 \u03b9&nbsp;<a href=\"http:\/\/www.box.net\/shared\/pyzl0pmu7y\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\u0421\u043a\u0430\u0447\u0430\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438<\/a><\/p>\n<h2 style=\"text-align: justify;\">10 \u043f\u0440\u043e\u0441\u0442\u044b\u0445 \u0438 \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u0445 css3 \u043c\u0435\u043d\u044e<\/h2>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2011\/07\/menu_preview_2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-935\" src=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2011\/07\/menu_preview_2.jpg\" width=\"500\" height=\"214\"\/><\/a><a href=\"http:\/\/desizntech.info\/demo\/CSS_menu\/sexy_css_menu.html\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\u041f\u0440\u0438\u043c\u0435\u0440<\/a>&nbsp;\u03b9&nbsp;<a href=\"http:\/\/desizntech.info\/wp-content\/plugins\/download-monitor\/download.php?id=6\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\u0421\u043a\u0430\u0447\u0430\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438<\/a><\/p>\n<h2 style=\"text-align: justify;\">\u0412\u0441\u043f\u043b\u044b\u0432\u0430\u044e\u0449\u0438\u0435 \u043f\u043e\u0434\u0441\u043a\u0430\u0437\u043a\u0438 \u0441 jQuery.<\/h2>\n<p style=\"text-align: justify;\">\u041f\u0440\u0435\u043a\u0440\u0430\u0441\u043d\u0430\u044f \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0432\u0441\u043f\u043b\u044b\u0432\u0430\u044e\u0449\u0438\u0445 \u0438 \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u0445 \u043f\u043e\u0434\u0441\u043a\u0430\u0437\u043e\u043a.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2011\/07\/menu_preview_21.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-936\" src=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2011\/07\/menu_preview_21.jpg\" width=\"488\" height=\"331\"\/><\/a><a href=\"http:\/\/www.designchemical.com\/lab\/jquery\/demo\/jquery_tooltips_plugin_demo.htm\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\u041f\u0440\u0438\u043c\u0435\u0440<\/a>&nbsp;\u03b9&nbsp;<a href=\"http:\/\/www.designchemical.com\/lab\/jquery\/demo\/download\/jquery-tooltips-plugin.zip\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\u0421\u043a\u0430\u0447\u0430\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438<\/a><\/p>\n<h2 style=\"text-align: justify;\">\u0412\u0441\u043f\u043b\u044b\u0432\u0430\u044e\u0449\u0435\u0435 \u043c\u0435\u043d\u044e \u0434\u043b\u044f \u0431\u043b\u043e\u0433\u0430 WordPress<\/h2>\n<p style=\"text-align: justify;\">\u041f\u0440\u0435\u043a\u0440\u0430\u0441\u043d\u044b\u0439&nbsp;<a href=\"http:\/\/beloweb.ru\/wp\/ustanovka-temyi-na-blog-wordpress.html\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress<\/a>&nbsp;\u043f\u043b\u0430\u0433\u0438\u043d \u0432\u0441\u043f\u043b\u044b\u0432\u0430\u044e\u0449\u0435\u0433\u043e \u043c\u0435\u043d\u044e \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c&nbsp;<a href=\"http:\/\/beloweb.ru\/javascript-jquery\/jquery-menyu-slayderyi-galerei.html\" target=\"_blank\" rel=\"noopener noreferrer\">JQuery<\/a>.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2011\/07\/menu_preview_22.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-937\" src=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2011\/07\/menu_preview_22-520x339.jpg\" width=\"520\" height=\"339\"\/><\/a><a href=\"http:\/\/www.designchemical.com\/lab\/demo-wordpress-jquery-floating-menu-plugin\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\u041f\u0440\u0438\u043c\u0435\u0440<\/a>&nbsp;\u03b9&nbsp;<a href=\"http:\/\/downloads.wordpress.org\/plugin\/floating-menu.1.2.zip\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\u0421\u043a\u0430\u0447\u0430\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438<\/a><\/p>\n<h2 style=\"text-align: justify;\">\u0413\u0430\u043b\u0435\u0440\u0435\u044f \u0441 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435\u043c JQuery<\/h2>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2011\/07\/menu_preview_23.jpg\"><img decoding=\"async\" class=\"aligncenter size-medium wp-image-938\" src=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2011\/07\/menu_preview_23-514x400.jpg\" height=\"400\"\/><\/a><a href=\"http:\/\/www.designchemical.com\/lab\/jquery\/demo\/jquery_demo_image_swap_gallery.htm\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\u041f\u0440\u0438\u043c\u0435\u0440<\/a>&nbsp;\u03b9&nbsp;<a href=\"http:\/\/www.designchemical.com\/lab\/jquery\/demo\/download\/ultimate-jquery-image-swap-gallery.zip\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\u0421\u043a\u0430\u0447\u0430\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438<\/a><\/p>\n<h2 style=\"text-align: justify;\">\u041f\u043b\u0430\u0433\u0438\u043d&nbsp;WordPress \u2014 \u0432\u044b\u0435\u0437\u0436\u0430\u044e\u0449\u0435\u0435 \u043c\u0435\u043d\u044e<\/h2>\n<p style=\"text-align: justify;\">\u0415\u0449\u0451 \u043e\u0434\u0438\u043d \u043f\u043b\u0430\u0433\u0438\u043d \u0434\u043b\u044f \u0431\u043b\u043e\u0433\u0430&nbsp;WordPress \u0432\u044b\u0435\u0437\u0436\u0430\u044e\u0449\u0435\u0433\u043e \u043c\u0435\u043d\u044e.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2011\/07\/menu_preview_24.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-939\" src=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2011\/07\/menu_preview_24-520x307.jpg\" width=\"520\" height=\"307\"\/><\/a><a href=\"http:\/\/www.designchemical.com\/lab\/demo-wordpress-jquery-slick-menu-plugin\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\u041f\u0440\u0438\u043c\u0435\u0440<\/a>&nbsp;\u03b9&nbsp;<a href=\"http:\/\/downloads.wordpress.org\/plugin\/jquery-slick-menu.1.3.zip\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\u0421\u043a\u0430\u0447\u0430\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438<\/a><\/p>\n<h2 style=\"text-align: justify;\">\u0412\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u043e\u0435 \u043c\u0435\u043d\u044e \u0441 JQuery<\/h2>\n<p style=\"text-align: justify;\">\u0417\u0430\u043c\u0435\u0447\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u043c\u043d\u043e\u0433\u043e\u0443\u0440\u043e\u0432\u043d\u0435\u0432\u043e\u0435&nbsp;<a href=\"http:\/\/beloweb.ru\/javascript-jquery\/jquery-menyu.html\" target=\"_blank\" rel=\"noopener noreferrer\">\u043c\u0435\u043d\u044e<\/a>&nbsp;\u0434\u043b\u044f \u0412\u0430\u0448\u0435\u0433\u043e \u0441\u0430\u0439\u0442\u0430<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2011\/07\/menu_preview_25.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-940\" src=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2011\/07\/menu_preview_25-520x202.jpg\" width=\"520\" height=\"202\"\/><\/a><a href=\"http:\/\/www.designchemical.com\/lab\/jquery-vertical-accordion-menu-plugin\/examples\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\u041f\u0440\u0438\u043c\u0435\u0440<\/a>&nbsp;\u03b9&nbsp;<a href=\"http:\/\/www.designchemical.com\/lab\/jquery-plugins\/jquery-vertical-accordion-menu.2.7.zip\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\u0421\u043a\u0430\u0447\u0430\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438<\/a><\/p>\n<h2 style=\"text-align: justify;\">\u0413\u0435\u043d\u0435\u0440\u0430\u0442\u043e\u0440 \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u044b\u0445 \u043f\u0430\u0440\u043e\u043b\u0435\u0439.<\/h2>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2011\/07\/menu_preview_26.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-942\" src=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2011\/07\/menu_preview_26.jpg\" width=\"503\" height=\"337\"\/><\/a><a href=\"http:\/\/www.designchemical.com\/lab\/jquery\/demo\/jquery_demo_password_generator.htm\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\u041f\u0440\u0438\u043c\u0435\u0440<\/a>&nbsp;\u03b9&nbsp;<a href=\"http:\/\/www.designchemical.com\/lab\/jquery\/demo\/download\/jquery_demo_password_generator.zip\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\u0421\u043a\u0430\u0447\u0430\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438<\/a><\/p>\n<h2 style=\"text-align: justify;\">WordPress&nbsp;\u043f\u043b\u0430\u0433\u0438\u043d \u2014 \u043c\u0435\u0433\u0430 \u0432\u044b\u043f\u0430\u0434\u0430\u044e\u0449\u0435\u0433\u043e \u043c\u0435\u043d\u044e.<\/h2>\n<p style=\"text-align: justify;\">\u041e\u0442\u043b\u0438\u0447\u043d\u044b\u0439 \u043f\u043b\u0430\u0433\u0438\u043d \u0434\u043b\u044f&nbsp;<a href=\"http:\/\/beloweb.ru\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u0431\u043b\u043e\u0433\u0430<\/a>. \u041e\u0447\u0435\u043d\u044c \u043a\u0440\u0430\u0441\u0438\u0432\u043e\u0435 \u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0435 \u0432\u044b\u043f\u0430\u0434\u0430\u044e\u0449\u0435\u0435 \u043c\u0435\u043d\u044e.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2011\/07\/menu_preview_27.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-943\" src=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2011\/07\/menu_preview_27-520x278.jpg\" width=\"520\" height=\"278\"\/><\/a><a href=\"http:\/\/www.designchemical.com\/lab\/demo-wordpress-jquery-mega-menu-plugin\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\u041f\u0440\u0438\u043c\u0435\u0440<\/a>&nbsp;\u03b9&nbsp;<a href=\"http:\/\/downloads.wordpress.org\/plugin\/jquery-mega-menu.1.3.5.zip\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\u0421\u043a\u0430\u0447\u0430\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438<\/a><\/p>\n<h2 style=\"text-align: justify;\">4 \u043a\u043d\u043e\u043f\u043a\u0438 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u0430<\/h2>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2011\/07\/menu_preview_28.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-944\" src=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2011\/07\/menu_preview_28.jpg\" width=\"512\" height=\"316\"\/><\/a><a href=\"http:\/\/www.designchemical.com\/lab\/jquery\/demo\/jquery_image_swap_preload.htm\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\u041f\u0440\u0438\u043c\u0435\u0440<\/a>&nbsp;\u03b9&nbsp;<a href=\"http:\/\/www.designchemical.com\/lab\/jquery\/demo\/download\/jquery_image_swap_preloader.zip\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\u0421\u043a\u0430\u0447\u0430\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438<\/a><\/p>\n<h2 style=\"text-align: justify;\">Lightweight Slider \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c JQuery<\/h2>\n<p style=\"text-align: justify;\">\u0421\u0430\u043c\u044b\u0439 \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0441\u043b\u0430\u0439\u0434\u0435\u0440 \u0442\u0435\u043a\u0441\u0442\u0430.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2011\/07\/menu_preview_29.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-945\" src=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2011\/07\/menu_preview_29.jpg\" width=\"487\" height=\"261\"\/><\/a><a href=\"http:\/\/www.designchemical.com\/lab\/jquery\/demo\/jquery_demo_light_weight_animated_slider.htm\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\u041f\u0440\u0438\u043c\u0435\u0440<\/a>&nbsp;\u03b9&nbsp;<a href=\"http:\/\/www.designchemical.com\/lab\/jquery\/demo\/download\/jquery_demo_light_weight_animated_slider.zip\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\u0421\u043a\u0430\u0447\u0430\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438<\/a><\/p>\n<h2 style=\"text-align: justify;\">\u041f\u0440\u043e\u0441\u0442\u043e \u043c\u0435\u043d\u044e \u0441 JQuery<\/h2>\n<p style=\"text-align: justify;\">\u0417\u0430\u043c\u0435\u0447\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u043e\u0435 \u043c\u0435\u043d\u044e. \u041f\u0440\u0438 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u0438 \u043f\u043b\u0430\u0432\u043d\u043e \u0432\u044b\u043f\u0430\u0434\u0430\u0435\u0442 \u043f\u043e\u0434\u043c\u0435\u043d\u044e.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2011\/07\/menu_preview_210.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-946\" src=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2011\/07\/menu_preview_210.jpg\" width=\"498\" height=\"323\"\/><\/a><a href=\"http:\/\/www.designchemical.com\/lab\/jquery\/demo\/jquery_simple_accordion_menu_hover_cookies.htm#\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\u041f\u0440\u0438\u043c\u0435\u0440<\/a>&nbsp;\u03b9&nbsp;<a href=\"http:\/\/www.designchemical.com\/lab\/jquery\/demo\/download\/jquery_simple_accordion_menu_hover_cookies.zip\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\u0421\u043a\u0430\u0447\u0430\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438<\/a><\/p>\n<h2 style=\"text-align: justify;\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u0430\u044f \u0444\u043e\u0440\u043c\u0430<\/h2>\n<p style=\"text-align: justify;\">\u041f\u0440\u043e\u0441\u0442\u0430\u044f \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u0430\u044f \u0444\u043e\u0440\u043c\u0430 \u0441 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u043e\u0439 \u043d\u0430 \u0432\u0430\u043b\u0438\u0434\u043d\u043e\u0441\u0442\u044c \u0432\u0432\u0435\u0434\u0451\u043d\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u043c.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2011\/07\/menu_preview_211.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-947\" src=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2011\/07\/menu_preview_211-520x337.jpg\" width=\"520\" height=\"337\"\/><\/a><a href=\"http:\/\/www.designchemical.com\/lab\/jquery\/demo\/jquery_ajax_form_submit_with_validation.htm\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\u041f\u0440\u0438\u043c\u0435\u0440<\/a>&nbsp;\u03b9&nbsp;<a href=\"http:\/\/www.designchemical.com\/lab\/jquery\/demo\/download\/jquery_ajax_form_submit_with_validation.zip\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\u0421\u043a\u0430\u0447\u0430\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438<\/a><\/p>\n<h2 style=\"text-align: justify;\">\u041d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u0438\u043c\u0435\u0440\u043e\u0432 \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u0445 \u0432\u044b\u043f\u0430\u0434\u0430\u044e\u0449\u0438\u0445 \u0441\u043f\u0438\u0441\u043a\u043e\u0432 \u0441&nbsp;JQuery \u0438 CSS3<\/h2>\n<p style=\"text-align: justify;\">\u041e\u0447\u0435\u043d\u044c \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u0435 \u0432\u044b\u043f\u0430\u0434\u0430\u044e\u0449\u0438\u0435 \u0441\u043f\u0438\u0441\u043a\u0438 \u0434\u043b\u044f \u0412\u0430\u0448\u0438\u0445 \u0441\u0430\u0439\u0442\u043e\u0432. \u0422\u0430\u043a \u0436\u0435 \u0435\u0441\u0442\u044c \u0446\u0435\u043b\u044b\u0445 5 \u043f\u0440\u0438\u043c\u0435\u0440\u043e\u0432 \u043d\u0430 \u0432\u044b\u0431\u043e\u0440.<\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5602\" src=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2012\/10\/wpt9.jpg\" sizes=\"auto, (max-width: 580px) 100vw, 580px\" srcset=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2012\/10\/wpt9.jpg 580w, http:\/\/beloweb.ru\/wp-content\/uploads\/2012\/10\/wpt9-550x300.jpg 550w\" width=\"580\" height=\"315\"\/><\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/tympanus.net\/Tutorials\/CustomDropDownListStyling\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u041f\u0440\u0438\u043c\u0435\u0440<\/a>&nbsp;\u03b9&nbsp;<a href=\"http:\/\/tympanus.net\/Tutorials\/CustomDropDownListStyling\/CustomDropDownListStyling.zip\" target=\"_blank\" rel=\"noopener noreferrer\">\u0421\u043a\u0430\u0447\u0430\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438<\/a><\/p>\n<h2 style=\"text-align: justify;\">\u0412\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u043b\u0430\u0439\u0434\u0435\u0440 \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c&nbsp;JQuery<\/h2>\n<p style=\"text-align: justify;\">\u0417\u0430\u043c\u0435\u0447\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0438 \u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u0441\u043b\u0430\u0439\u0434\u0435\u0440 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439 \u0438 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430. \u041e\u0447\u0435\u043d\u044c \u043f\u043e\u0434\u043e\u0439\u0434\u0451\u0442 \u0438 \u043f\u0440\u0438\u0433\u043e\u0434\u0438\u0442\u0441\u044f \u0434\u043b\u044f \u0441\u0442\u0438\u043b\u044c\u043d\u044b\u0445 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442 \u043c\u0430\u0433\u0430\u0437\u0438\u043d\u043e\u0432.<\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5603\" src=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2012\/10\/wpt10.jpg\" sizes=\"auto, (max-width: 580px) 100vw, 580px\" srcset=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2012\/10\/wpt10.jpg 580w, http:\/\/beloweb.ru\/wp-content\/uploads\/2012\/10\/wpt10-550x300.jpg 550w\" width=\"580\" height=\"315\"\/><\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/tympanus.net\/Tutorials\/VerticalShowcaseSlider\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u041f\u0440\u0438\u043c\u0435\u0440<\/a>&nbsp;\u03b9&nbsp;<a href=\"http:\/\/tympanus.net\/Tutorials\/VerticalShowcaseSlider\/VerticalShowcaseSlider.zip\" target=\"_blank\" rel=\"noopener noreferrer\">\u0421\u043a\u0430\u0447\u0430\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438<\/a><\/p>\n<h2 style=\"text-align: justify;\">3D \u043c\u0435\u043d\u044e \u043a\u0430\u043a \u0432 \u0440\u0435\u0441\u0442\u043e\u0440\u0430\u043d\u0430\u0445 \u043d\u0430&nbsp;JQuery<\/h2>\n<p style=\"text-align: justify;\">\u041e\u0447\u0435\u043d\u044c \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u0439 \u044d\u0444\u0444\u0435\u043a\u0442 \u0440\u0430\u0441\u043a\u0440\u044b\u0442\u0438\u044f \u0442\u0435\u043a\u0441\u0442\u0430 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435.<\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5604\" src=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2012\/10\/wpt11.jpg\" sizes=\"auto, (max-width: 580px) 100vw, 580px\" srcset=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2012\/10\/wpt11.jpg 580w, http:\/\/beloweb.ru\/wp-content\/uploads\/2012\/10\/wpt11-550x300.jpg 550w\" width=\"580\" height=\"315\"\/><\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/tympanus.net\/Tutorials\/3DRestaurantMenu\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u041f\u0440\u0438\u043c\u0435\u0440<\/a>&nbsp;\u03b9&nbsp;<a href=\"http:\/\/tympanus.net\/Tutorials\/3DRestaurantMenu\/3DRestaurantMenu.zip\" target=\"_blank\" rel=\"noopener noreferrer\">\u0421\u043a\u0430\u0447\u0430\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438<\/a><\/p>\n<h2 style=\"text-align: justify;\">\u041a\u0440\u0430\u0441\u0438\u0432\u043e\u0435 \u0438 \u043f\u043e\u043b\u043d\u043e\u044d\u043a\u0440\u0430\u043d\u043d\u043e\u0435 \u0441\u043b\u0430\u0439\u0434 \u0448\u043e\u0443 \u0438\u0437 \u0432\u0438\u0434\u0435\u043e\u0437\u0430\u043f\u0438\u0441\u0435\u0439<\/h2>\n<p style=\"text-align: justify;\">\u0414\u0440\u0443\u0433\u0438\u043c\u0438 \u0441\u043b\u043e\u0432\u0430\u043c\u0438 \u2014 \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u0439 \u043f\u043e\u043b\u043d\u043e\u044d\u043a\u0440\u0430\u043d\u043d\u044b\u0439 \u0441\u043b\u0430\u0439\u0434\u0435\u0440 \u0442\u043e\u043b\u044c\u043a\u043e \u0432\u043c\u0435\u0441\u0442\u043e \u043a\u0430\u0440\u0442\u0438\u043d\u043e\u043a \u0441\u0442\u043e\u044f\u0442 \u0432\u0438\u0434\u0435\u043e\u0437\u0430\u043f\u0438\u0441\u0438.<\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5605\" src=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2012\/10\/wpt12.jpg\" sizes=\"auto, (max-width: 580px) 100vw, 580px\" srcset=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2012\/10\/wpt12.jpg 580w, http:\/\/beloweb.ru\/wp-content\/uploads\/2012\/10\/wpt12-550x300.jpg 550w\" width=\"580\" height=\"315\"\/><\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/tympanus.net\/Tutorials\/BigVideoSlideshow\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u041f\u0440\u0438\u043c\u0435\u0440<\/a>&nbsp;\u03b9&nbsp;<a href=\"http:\/\/tympanus.net\/Tutorials\/BigVideoSlideshow\/BigVideoSlideshow.zip\" target=\"_blank\" rel=\"noopener noreferrer\">\u0421\u043a\u0430\u0447\u0430\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438<\/a><\/p>\n<h2 style=\"text-align: justify;\">\u041a\u0440\u0430\u0441\u0438\u0432\u044b\u0435 \u043a\u043d\u043e\u043f\u043a\u0438 \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u0438 \u0432\u044b\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u0441 CSS3<\/h2>\n<p style=\"text-align: justify;\">4 \u043f\u0440\u0438\u043c\u0435\u0440\u0430 \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u0445 \u043a\u043d\u043e\u043f\u043e\u043a \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u0438 \u0432\u044b\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u0447\u0435\u0433\u043e \u043b\u0438\u0431\u043e \u043d\u0430 \u0441\u0430\u0439\u0442\u0435.<\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5606\" src=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2012\/10\/wpt13.jpg\" sizes=\"auto, (max-width: 580px) 100vw, 580px\" srcset=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2012\/10\/wpt13.jpg 580w, http:\/\/beloweb.ru\/wp-content\/uploads\/2012\/10\/wpt13-550x300.jpg 550w\" width=\"580\" height=\"315\"\/><\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/tympanus.net\/Tutorials\/CSS3ButtonSwitches\/index.html\" target=\"_blank\" rel=\"noopener noreferrer\">\u041f\u0440\u0438\u043c\u0435\u0440<\/a>&nbsp;\u03b9&nbsp;<a href=\"http:\/\/tympanus.net\/Tutorials\/CSS3ButtonSwitches\/CSS3ButtonSwitches.zip\" target=\"_blank\" rel=\"noopener noreferrer\">\u0421\u043a\u0430\u0447\u0430\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438<\/a><\/p>\n<h2 style=\"text-align: justify;\">\u041a\u0440\u0430\u0441\u0438\u0432\u044b\u0435 \u0442\u0438\u043f\u043e\u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u044d\u0444\u0444\u0435\u043a\u0442\u044b \u043d\u0430 CSS3 \u0438&nbsp;JQuery<\/h2>\n<p style=\"text-align: justify;\">\u041e\u0447\u0435\u043d\u044c \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u0435 8 \u043f\u0440\u0438\u043c\u0435\u0440\u043e\u0432 \u0442\u0438\u043f\u043e\u0433\u0440\u0430\u0444\u0438\u0438 \u043f\u0440\u0438 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u0438 \u0434\u043b\u044f \u0412\u0430\u0448\u0435\u0433\u043e \u0441\u0430\u0439\u0442\u0430.<\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5608\" src=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2012\/10\/wpt15.jpg\" sizes=\"auto, (max-width: 580px) 100vw, 580px\" srcset=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2012\/10\/wpt15.jpg 580w, http:\/\/beloweb.ru\/wp-content\/uploads\/2012\/10\/wpt15-550x300.jpg 550w\" width=\"580\" height=\"315\"\/><\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/tympanus.net\/Tutorials\/TypographyStyles\/index.html\" target=\"_blank\" rel=\"noopener noreferrer\">\u041f\u0440\u0438\u043c\u0435\u0440<\/a>&nbsp;\u03b9&nbsp;<a href=\"http:\/\/tympanus.net\/Tutorials\/TypographyStyles\/TypographyStyles.zip\" target=\"_blank\" rel=\"noopener noreferrer\">\u0421\u043a\u0430\u0447\u0430\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438<\/a><\/p>\n<h2 style=\"text-align: justify;\">\u041e\u0447\u0435\u043d\u044c \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u0439 \u0433\u0440\u0430\u0444\u0438\u043a \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u0430<\/h2>\n<p style=\"text-align: justify;\">\u041d\u0443 \u043f\u0440\u043e\u0441\u0442\u043e \u0437\u0430\u043c\u0435\u0447\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0438 \u0441\u0442\u0438\u043b\u044c\u043d\u044b\u0439 \u0433\u0440\u0430\u0444\u0438\u043a \u0434\u043b\u044f \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445 \u043f\u043e\u0440\u0442\u0430\u043b\u043e\u0432.<\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5609\" src=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2012\/10\/wpt16.jpg\" sizes=\"auto, (max-width: 580px) 100vw, 580px\" srcset=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2012\/10\/wpt16.jpg 580w, http:\/\/beloweb.ru\/wp-content\/uploads\/2012\/10\/wpt16-550x300.jpg 550w\" width=\"580\" height=\"315\"\/><\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/tympanus.net\/Tutorials\/MultipleAreaChartsD3\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u041f\u0440\u0438\u043c\u0435\u0440<\/a>&nbsp;\u03b9&nbsp;<a href=\"http:\/\/tympanus.net\/Tutorials\/MultipleAreaChartsD3\/MultipleAreaChartsD3.zip\" target=\"_blank\" rel=\"noopener noreferrer\">\u0421\u043a\u0430\u0447\u0430\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438<\/a><\/p>\n<h2 style=\"text-align: justify;\">\u041a\u043b\u0430\u0441\u0441\u043d\u044b\u0439&nbsp;3D \u0441\u043b\u0430\u0439\u0434\u0435\u0440 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u0430 \u0441&nbsp;JQuery<\/h2>\n<p style=\"text-align: justify;\">\u0417\u0430\u043c\u0435\u0447\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0441\u043b\u0430\u0439\u0434\u0435\u0440 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439 \u0434\u043b\u044f \u0412\u0430\u0448\u0435\u0433\u043e \u0441\u0430\u0439\u0442\u0430 \u0441 \u043e\u0447\u0435\u043d\u044c \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u043c\u0438 \u044d\u0444\u0444\u0435\u043a\u0442\u0430\u043c\u0438.<\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5610\" src=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2012\/10\/wpt17.jpg\" sizes=\"auto, (max-width: 580px) 100vw, 580px\" srcset=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2012\/10\/wpt17.jpg 580w, http:\/\/beloweb.ru\/wp-content\/uploads\/2012\/10\/wpt17-550x300.jpg 550w\" width=\"580\" height=\"315\"\/><\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/tympanus.net\/Tutorials\/TriplePanelImageSlider\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u041f\u0440\u0438\u043c\u0435\u0440<\/a>&nbsp;\u03b9&nbsp;<a href=\"http:\/\/tympanus.net\/Tutorials\/TriplePanelImageSlider\/TriplePanelImageSlider.zip\" target=\"_blank\" rel=\"noopener noreferrer\">\u0421\u043a\u0430\u0447\u0430\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438<\/a><\/p>\n<h2 style=\"text-align: justify;\">\u041a\u0440\u0443\u0433\u043e\u0432\u044b\u0435 \u044d\u0444\u0444\u0435\u043a\u0442\u044b \u043f\u0440\u0438 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u0438 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e CSS3<\/h2>\n<p style=\"text-align: justify;\">7 \u0443\u0434\u0438\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u043f\u0440\u0438\u043c\u0435\u0440\u043e\u0432 \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u0445 \u043a\u0440\u0443\u0433\u043e\u0432\u044b\u0445 \u044d\u0444\u0444\u0435\u043a\u0442\u043e\u0432 \u043f\u0440\u0438 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u0438.<\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5611\" src=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2012\/10\/wpt18.jpg\" sizes=\"auto, (max-width: 580px) 100vw, 580px\" srcset=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2012\/10\/wpt18.jpg 580w, http:\/\/beloweb.ru\/wp-content\/uploads\/2012\/10\/wpt18-550x300.jpg 550w\" width=\"580\" height=\"315\"\/><\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/tympanus.net\/Tutorials\/CircleHoverEffects\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u041f\u0440\u0438\u043c\u0435\u0440<\/a>&nbsp;\u03b9&nbsp;<a href=\"http:\/\/tympanus.net\/Tutorials\/CircleHoverEffects\/CircleHoverEffects.zip\" target=\"_blank\" rel=\"noopener noreferrer\">\u0421\u043a\u0430\u0447\u0430\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438<\/a><\/p>\n<h2 style=\"text-align: justify;\">\u041e\u0447\u0435\u043d\u044c \u043a\u0440\u0430\u0441\u0438\u0432\u0430\u044f \u0438 \u043d\u0435\u043e\u0431\u044b\u0447\u043d\u0430\u044f \u0433\u0430\u043b\u0435\u0440\u0435\u044f \u0441 \u043c\u0438\u043d\u0438\u0430\u0442\u044e\u0440\u0430\u043c\u0438<\/h2>\n<p style=\"text-align: justify;\">\u0417\u0430\u043c\u0435\u0447\u0430\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u0433\u0430\u043b\u0435\u0440\u0435\u044f \u0434\u043b\u044f \u0412\u0430\u0448\u0435\u0433\u043e \u0441\u0430\u0439\u0442\u0430. \u041c\u0438\u043d\u0438\u0430\u0442\u044e\u0440\u044b \u043d\u0430\u0445\u043e\u0434\u044f\u0442\u0441\u044f \u0432 \u043e\u0447\u0435\u043d\u044c \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u0445 \u0431\u043b\u043e\u043a\u0430\u0445, \u043f\u0440\u0438 \u043a\u043b\u0438\u043a\u0435 \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043f\u043e\u043b\u043d\u043e\u0435 \u0444\u043e\u0442\u043e.<\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5612\" src=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2012\/10\/wpt19.jpg\" sizes=\"auto, (max-width: 580px) 100vw, 580px\" srcset=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2012\/10\/wpt19.jpg 580w, http:\/\/beloweb.ru\/wp-content\/uploads\/2012\/10\/wpt19-550x300.jpg 550w\" width=\"580\" height=\"315\"\/><\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/tympanus.net\/Tutorials\/PhotoBoothStripsLightbox\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u041f\u0440\u0438\u043c\u0435\u0440<\/a>&nbsp;\u03b9&nbsp;<a href=\"http:\/\/tympanus.net\/Tutorials\/PhotoBoothStripsLightbox\/PhotoBoothStripsLightbox.zip\" target=\"_blank\" rel=\"noopener noreferrer\">\u0421\u043a\u0430\u0447\u0430\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438<\/a><\/p>\n<h2 style=\"text-align: justify;\">\u041e\u0447\u0435\u043d\u044c \u043a\u0440\u0430\u0441\u0438\u0432\u043e\u0435 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u0446\u0438\u0442\u0430\u0442 \u043d\u0430 \u0441\u0430\u0439\u0442<\/h2>\n<p style=\"text-align: justify;\">\u0421\u0430\u043c\u043e\u0435 \u043d\u0435\u043e\u0431\u044b\u0447\u043d\u043e\u0435 \u0438 \u043a\u0440\u0430\u0441\u0438\u0432\u043e\u0435 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u0446\u0438\u0442\u0430\u0442 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u0430. \u041a \u0442\u043e\u043c\u0443 \u0436\u0435 \u0435\u0441\u0442\u044c \u0446\u0435\u043b\u044b\u0445 6 \u043f\u0440\u0438\u043c\u0435\u0440\u043e\u0432.<\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5613\" src=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2012\/10\/wpt20.jpg\" sizes=\"auto, (max-width: 580px) 100vw, 580px\" srcset=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2012\/10\/wpt20.jpg 580w, http:\/\/beloweb.ru\/wp-content\/uploads\/2012\/10\/wpt20-550x300.jpg 550w\" width=\"580\" height=\"315\"\/><\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/tympanus.net\/Tutorials\/ModernBlockQuoteStyles\/index.html\" target=\"_blank\" rel=\"noopener noreferrer\">\u041f\u0440\u0438\u043c\u0435\u0440<\/a>&nbsp;\u03b9&nbsp;<a href=\"http:\/\/tympanus.net\/Tutorials\/ModernBlockQuoteStyles\/ModernBlockQuoteStyles.zip\" target=\"_blank\" rel=\"noopener noreferrer\">\u0421\u043a\u0430\u0447\u0430\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438<\/a><\/p>\n<h2 style=\"text-align: justify;\">\u041a\u0440\u0430\u0441\u0438\u0432\u044b\u0435 \u043a\u0440\u0443\u0433\u0438 \u0441 \u043f\u043b\u0430\u0432\u043d\u044b\u043c \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u043d\u0438\u0435\u043c<\/h2>\n<p style=\"text-align: justify;\">\u0417\u0430\u043c\u0435\u0447\u0430\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u0438\u0434\u0435\u044f \u0434\u043b\u044f \u043d\u0435 \u0431\u043e\u043b\u044c\u0448\u0438\u0445 \u0437\u0430\u043c\u0435\u0442\u043e\u043a \u043d\u0430 \u0441\u0430\u0439\u0442\u0435.<\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5614\" src=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2012\/10\/wpt21.jpg\" sizes=\"auto, (max-width: 580px) 100vw, 580px\" srcset=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2012\/10\/wpt21.jpg 580w, http:\/\/beloweb.ru\/wp-content\/uploads\/2012\/10\/wpt21-550x300.jpg 550w\" width=\"580\" height=\"315\"\/><\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/tympanus.net\/Tutorials\/3DFlippingCircle\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u041f\u0440\u0438\u043c\u0435\u0440<\/a>&nbsp;\u03b9&nbsp;<a href=\"http:\/\/tympanus.net\/Tutorials\/3DFlippingCircle\/3DFlippingCircle.zip\" target=\"_blank\" rel=\"noopener noreferrer\">\u0421\u043a\u0430\u0447\u0430\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438<\/a><\/p>\n<h1 style=\"text-align: justify;\">\u0427\u0442\u043e \u0442\u0430\u043a\u043e\u0435 jQuery \u0438 jQuery \u043f\u043b\u0430\u0433\u0438\u043d\u044b \u0438 \u043a\u0430\u043a \u0438\u0445 \u043f\u0440\u0438\u043a\u0440\u0435\u043f\u0438\u0442\u044c \u043a \u0441\u0430\u0439\u0442\u0443<\/h1>\n<div class=\"cont\" style=\"text-align: justify;\">\n<p>\u041f\u0440\u0438\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e, \u0412\u0430\u0441 \u0443\u0432\u0430\u0436\u0430\u0435\u043c\u044b\u0435 \u0447\u0438\u0442\u0430\u0442\u0435\u043b\u0438&nbsp;\u0431\u043b\u043e\u0433\u0430. \u0412 \u044d\u0442\u043e\u0442 \u0441\u043e\u043b\u043d\u0435\u0447\u043d\u044b\u0439 \u0438 \u043c\u043e\u0440\u043e\u0437\u043d\u044b\u0439 \u0434\u0435\u043d\u044c \u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c \u0431\u044b \u043f\u043e\u0434\u0435\u043b\u0438\u0442\u044c\u0441\u044f \u0441\u0432\u043e\u0438\u043c\u0438 \u0437\u043d\u0430\u043d\u0438\u044f\u043c\u0438 \u043e \u0442\u0430\u043a\u043e\u043c \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e\u043c \u043f\u043e\u043d\u044f\u0442\u0438\u0438 \u043a\u0430\u043a JQuery. \u0418 \u0447\u0442\u043e \u044d\u0442\u043e \u0437\u0430 \u0442\u0430\u043a\u043e\u0435 \u0441\u0442\u0440\u0430\u0448\u043d\u043e\u0435 \u0441\u043b\u043e\u0432\u043e? \ud83d\ude42 \u0413\u043e\u0432\u043e\u0440\u044e \u0441\u0440\u0430\u0437\u0443, \u0447\u0442\u043e \u044f \u043d\u0435 \u043f\u0438\u0448\u0443 \u044d\u0442\u0438 \u0441\u043a\u0440\u0438\u043f\u0442\u044b \u0438 \u0435\u0441\u0442\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0412\u0430\u0441 \u044d\u0442\u043e\u043c\u0443 \u0443\u0447\u0438\u0442\u044c \u043d\u0435 \u0431\u0443\u0434\u0443, \u043f\u0440\u043e\u0441\u0442\u043e \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u0434\u0430\u0442\u044c \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u044d\u0442\u043e\u043c\u0443 \u043f\u043e\u043d\u044f\u0442\u0438\u044e, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u0442\u044c \u043a\u0430\u043a \u0435\u0433\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0442\u044c \u043d\u0430 \u0441\u0430\u0439\u0442\u0435, \u0441 \u0447\u0435\u043c \u0435\u0433\u043e \u043a\u0443\u0448\u0430\u0442\u044c, \u0430 \u0442\u0430\u043a \u0436\u0435 \u043a\u0430\u043a \u0435\u0433\u043e, \u0442\u0430\u043a \u0441\u043a\u0430\u0437\u0430\u0442\u044c, \u043f\u0440\u0438\u043a\u0440\u0443\u0442\u0438\u0442\u044c \u043d\u0430 \u0441\u0432\u043e\u0439 \u0440\u0435\u0441\u0443\u0440\u0441.<\/p>\n<p>\u041f\u0435\u0440\u0435\u0434 \u0442\u0435\u043c \u043a\u0430\u043a \u043d\u0430\u0447\u0430\u0442\u044c \u0445\u043e\u0447\u0443 \u0441\u043a\u0430\u0437\u0430\u0442\u044c, \u0447\u0442\u043e \u043d\u0430 \u0434\u0430\u043d\u043d\u0443\u044e \u0441\u0442\u0430\u0442\u044c \u043c\u0435\u043d\u044f \u043d\u0430\u0442\u043e\u043b\u043a\u043d\u0443\u043b \u0432\u043e\u0442 \u044d\u0442\u043e\u0442&nbsp;\u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2849\" src=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2012\/02\/Bezyimyannyiy27.jpg\" alt=\"\" width=\"600\" height=\"262\"\/><\/p>\n<p>\u041d\u0430\u0442\u0430\u043b\u0438\u044f \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u043f\u0440\u0430\u0432\u0430, \u043c\u043e\u0439 \u0431\u043b\u043e\u0433 \u043f\u043e\u0441\u0432\u044f\u0449\u0451\u043d, \u0432 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0435,&nbsp;JQuery, \u0438&nbsp;JQuery \u043f\u043b\u0430\u0433\u0438\u043d\u0430\u043c, \u043d\u043e \u0447\u0442\u043e \u044d\u0442\u043e \u0442\u0430\u043a\u043e\u0435, \u0438 \u043a\u0430\u043a \u044d\u0442\u0438 \u043f\u043b\u0430\u0433\u0438\u043d\u044b \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0442\u044c \u043d\u0430 \u0441\u0430\u0439\u0442\u0430\u0445 \u044f \u043d\u0435 \u043f\u0438\u0441\u0430\u043b \u043d\u0438\u0440\u0430\u0437\u0443. \u0414\u043e\u0440\u043e\u0433\u0438\u0435 \u0447\u0438\u0442\u0430\u0442\u0435\u043b\u0438, \u043f\u0440\u043e\u0441\u0442\u0438\u0442\u0435 \u043c\u0435\u043d\u044f \ud83d\ude42 \u044f \u0438\u0441\u043f\u0440\u0430\u0432\u043b\u044e\u0441\u044c, \u0447\u0435\u0441\u0442\u043d\u043e \ud83d\ude42<\/p>\n<p>\u041d\u0430\u0442\u0430\u043b\u0438\u044f, \u0441\u043f\u0430\u0441\u0438\u0431\u043e \u0412\u0430\u043c \u0431\u043e\u043b\u044c\u0448\u043e\u0435 \u0437\u0430 \u0442\u0430\u043a\u043e\u0439 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439! \u0418 \u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c \u0431\u044b \u043e\u0442\u043c\u0435\u0442\u0438\u0442\u044c, \u0447\u0442\u043e \u041d\u0430\u0442\u0430\u043b\u044c\u044f \u2014 \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0449\u0438\u0439 \u0431\u043b\u043e\u0433\u0433\u0435\u0440 ( \u043a\u0430\u043a \u0438 \u044f \ud83d\ude42 ) \u0438 \u0432\u0441\u0435\u043c \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044f\u043c \u0441\u043e\u0432\u0435\u0442\u0443\u044e \u043f\u043e\u0447\u0438\u0442\u0430\u0442\u044c \u0435\u0451 \u0431\u043b\u043e\u0433&nbsp;<a href=\"http:\/\/mamynmalysh.ru\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u041c\u0430\u043c\u0438\u043d\u043e\u0433\u043e \u043c\u0430\u043b\u044b\u0448\u0430<\/a>. \u041d\u0430\u0442\u0430\u043b\u044c\u044f, \u0443 \u0412\u0430\u0441 \u0438 \u0412\u0430\u0448\u0435\u0433\u043e \u0431\u043b\u043e\u0433\u0430 \u0431\u043e\u043b\u044c\u0448\u043e\u0435 \u0431\u0443\u0434\u0443\u0449\u0435\u0435.<\/p>\n<p>\u041b\u0430\u0434\u043d\u043e, \u043d\u0435 \u0431\u0443\u0434\u0435\u043c \u0441\u0438\u043b\u044c\u043d\u043e \u043e\u0442\u0432\u043b\u0435\u043a\u0430\u0442\u044c\u0441\u044f \u043e\u0442 \u0442\u0435\u043c\u044b, \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u0435\u0440\u0435\u0439\u0434\u0451\u043c \u0431\u043b\u0438\u0436\u0435 \u043a \u0434\u0435\u043b\u0443. \u0414\u0430\u043c \u043e\u0431\u0449\u0435\u0435 \u043f\u043e\u043d\u044f\u0442\u0438\u0435 \u0447\u0442\u043e \u0442\u0430\u043a\u043e\u0435&nbsp;JQuery.<\/p>\n<h2>JQuery<\/h2>\n<p>jQuery \u2013 \u044d\u0442\u043e \u0432 \u043f\u0435\u0440\u0432\u0443\u044e \u043e\u0447\u0435\u0440\u0435\u0434\u044c \u0431\u043e\u043b\u044c\u0448\u0430\u044f \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430&nbsp;JavaScript \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u0432, \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u043b\u044e\u0431\u043e\u043c\u0443 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0443 \u0442\u0430\u043a \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u043c\u043e\u0433\u043e DOM (\u043e\u0431\u044a\u0435\u043a\u0442\u043d\u0430\u044f \u043c\u043e\u0434\u0435\u043b\u044c \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430). \u0414\u0440\u0443\u0433\u0438\u043c\u0438 \u0441\u043b\u043e\u0432\u0430\u043c\u0438 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u044d\u0442\u043e\u0433\u043e &nbsp;jQuery \u043d\u0430 \u0441\u0430\u0439\u0442\u0435 \u043c\u043e\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0447\u0442\u043e \u0445\u043e\u0447\u0435\u0448\u044c \u043a\u0430\u043a \u0445\u043e\u0447\u0435\u0448\u044c \u0438 \u043a\u043e\u0433\u0434\u0430 \u0437\u0430\u0445\u043e\u0447\u0435\u0448\u044c, \u0432 \u0447\u0430\u0441\u0442\u043d\u043e\u0441\u0442\u0438 \u043a\u0430\u0441\u0430\u0435\u0442\u0441\u044f \u044d\u0442\u043e \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \ud83d\ude42 \u0412 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c \u044d\u0442\u0443 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442 \u0434\u043b\u044f \u0443\u043a\u0440\u0430\u0448\u0435\u043d\u0438\u044f \u0441\u0430\u0439\u0442\u0430, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0443\u0436\u0435 \u0434\u0430\u0432\u043d\u043e \u0437\u0430\u043c\u0435\u043d\u0438\u043b\u0430&nbsp;<em>flash<\/em>. \u0415\u0441\u043b\u0438 \u043d\u0435 \u0432 \u0434\u0430\u043b\u0451\u043a\u043e\u043c \u043f\u0440\u043e\u0448\u043b\u043e\u043c \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u0439 \u0441\u0430\u0439\u0442 \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u0438 \u043f\u043e\u043c\u043e\u0449\u0438 \u0444\u043b\u0435\u0448 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432, \u0442\u043e \u0432 \u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0435\u0435 \u0432\u0440\u0435\u043c\u044f \u0432\u0441\u0451 \u044d\u0442\u043e \u043c\u043e\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e&nbsp;&nbsp;jQuery.<\/p>\n<p>\u0427\u0435\u0441\u0442\u043d\u043e \u043f\u0440\u0438\u0437\u043d\u0430\u044e\u0441\u044c \u043d\u0435 \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u0434\u043e\u043b\u0433\u043e \u043e\u0431\u044a\u044f\u0441\u043d\u044f\u0442\u044c \u0438\u043c\u0435\u043d\u043d\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u044d\u0442\u043e\u0433\u043e \u0441\u043b\u043e\u0432\u0430, \u0430 \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c\u0441\u044f \u043d\u0430&nbsp;jQuery \u043f\u043b\u0430\u0433\u0438\u043d\u0430\u0445, \u043a\u0430\u043a \u0438\u0445 \u043f\u0440\u0438\u043a\u0440\u0435\u043f\u0438\u0442\u044c \u043a \u0441\u0430\u0439\u0442\u0443. \u041d\u043e \u0434\u043b\u044f \u043d\u0430\u0447\u0430\u043b\u0430 \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0443\u0437\u043d\u0430\u0435\u043c, \u0447\u0442\u043e \u0442\u0430\u043a\u043e\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u044b.<\/p>\n<h2>jQuery \u043f\u043b\u0430\u0433\u0438\u043d\u044b<\/h2>\n<p>jQuery \u043f\u043b\u0430\u0433\u0438\u043d\u044b \u2014 \u044d\u0442\u043e \u0443\u0436\u0435 \u0433\u043e\u0442\u043e\u0432\u044b\u0435 \u0441\u043a\u0440\u0438\u043f\u0442\u044b \u043f\u043b\u044e\u0441 HTML \u0438 CSS, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0443\u0436\u043d\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u0441\u043a\u0430\u0447\u0430\u0442\u044c \u0438 \u043f\u0440\u0438\u043a\u0440\u0435\u043f\u0438\u0442\u044c \u043d\u0430 \u0441\u0432\u043e\u0439 \u0440\u0435\u0441\u0443\u0440\u0441. \u0421\u043b\u0430\u0439\u0434\u0435\u0440\u044b, \u0433\u0430\u043b\u0435\u0440\u0435\u0438, \u0432\u0441\u044f\u043a\u0438\u0435 \u043f\u043e\u0434\u0441\u043a\u0430\u0437\u043a\u0438 \u0432\u0441\u043f\u043b\u044b\u0432\u0430\u044e\u0449\u0438\u0435,&nbsp;\u043f\u043b\u0430\u0432\u043d\u0430\u044f \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442\u044c, \u043c\u043d\u043e\u0433\u043e\u0443\u0440\u043e\u0432\u043d\u0435\u0432\u044b\u0435 \u043c\u0435\u043d\u044e \u0438 \u0442.\u0434. \u041f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u044f\u0442\u044c \u043c\u043e\u0436\u043d\u043e \u0431\u0435\u0441\u043a\u043e\u043d\u0435\u0447\u043d\u043e. \u041a\u0430\u043a \u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043f\u0440\u0438\u043a\u0440\u0435\u043f\u0438\u0442\u044c \u0443\u0436\u0435 \u0433\u043e\u0442\u043e\u0432\u044b\u0439 \u0441\u043a\u0440\u0438\u043f\u0442 \u0431\u044b\u0432\u0430\u0435\u0442 \u043d\u0435 \u0442\u0430\u043a \u0443\u0436 \u0438 \u043b\u0435\u0433\u043a\u043e, \u0442\u0435\u043c \u0431\u043e\u043b\u0435\u0435 \u0435\u0441\u043b\u0438 \u043d\u0438\u043a\u043e\u0433\u0434\u0430 \u043d\u0435 \u0441\u0442\u0430\u043b\u043a\u0438\u0432\u0430\u043b\u0441\u044f \u0441 \u044d\u0442\u0438\u043c.<\/p>\n<p>\u0427\u0442\u043e\u0431\u044b \u0431\u044b\u043b\u043e \u043f\u043e\u043d\u044f\u0442\u043d\u0435\u0435 \u044f \u0431\u0443\u0434\u0443 \u043f\u0440\u0438\u043a\u0440\u0435\u043f\u043b\u044f\u0442\u044c \u043f\u043b\u0430\u0433\u0438\u043d \u043a \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u043d\u0430 \u043f\u0440\u0438\u043c\u0435\u0440\u0435, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u043d\u0430 \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u0432\u0441\u0435\u0433\u0434\u0430 \u043f\u043e\u043d\u044f\u0442\u043d\u0435\u0435.<\/p>\n<p>\u041f\u0435\u0440\u0435\u0434 \u0442\u0435\u043c \u043a\u0430\u043a \u043d\u0430\u0447\u0430\u0442\u044c \u0412\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u043d\u0430 \u0441\u0430\u0439\u0442 \u043f\u0440\u0438\u043a\u0440\u0435\u043f\u0438\u0442\u044c \u0441\u0430\u043c\u0443 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443&nbsp;jQuery, \u0442\u0443\u0442 \u043d\u0438\u0447\u0435\u0433\u043e \u0441\u043b\u043e\u0436\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u043c\u0435\u0436\u0434\u0443 \u0442\u0435\u0433\u0430\u043c\u0438&nbsp;<em>&lt;head&gt;<\/em>&nbsp;\u0438&nbsp;<em>&lt;\/head&gt;<\/em>&nbsp;\u043f\u043e\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u0432\u043e\u0442 \u044d\u0442\u043e:<\/p>\n<div>\n<div id=\"highlighter_188113\" class=\"syntaxhighlighter php\">\n<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td class=\"gutter\">\n<div class=\"line number1 index0 alt2\">1<\/div>\n<\/td>\n<td class=\"code\">\n<div class=\"container\">\n<div class=\"line number1 index0 alt2\"><code class=\"php plain\">&lt;script src=<\/code><code class=\"php string\">\"&lt;a href=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.7.1\/jquery.min.js\"&gt;http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.7.1\/jquery.min.js&lt;\/a&gt;\"<\/code><code class=\"php plain\">&gt;&lt;\/script&gt;<\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>\u0412\u043e\u0442 \u0438 \u0432\u0441\u0451, \u043f\u0435\u0440\u0432\u044b\u0439 \u0448\u0430\u0433 \u0441\u0434\u0435\u043b\u0430\u043b\u0438 \ud83d\ude42<\/p>\n<h2>\u041f\u0440\u0438\u043c\u0435\u0440<\/h2>\n<p>\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043c\u043d\u0435 \u0437\u0430\u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c \u043d\u0430 \u0441\u0432\u043e\u0439 \u0441\u0430\u0439\u0442 \u043f\u0440\u0438\u043a\u0440\u0435\u043f\u0438\u0442\u044c \u0432\u043e\u0442 \u0442\u0430\u043a\u0438\u0435 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0435 \u0438 \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u0435 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438 \u0441 \u043a\u043b\u0430\u0441\u0441\u043d\u043e\u0439 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0435\u0439:<\/p>\n<p><a href=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2012\/02\/Bezyimyannyiy28.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2853\" src=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2012\/02\/Bezyimyannyiy28.jpg\" alt=\"\" width=\"600\" height=\"425\"\/><\/a><\/p>\n<p>\u041f\u0440\u0438\u043c\u0435\u0440 \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c&nbsp;<a href=\"http:\/\/tympanus.net\/Tutorials\/ProximityEffect\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u0437\u0434\u0435\u0441\u044c<\/a>, \u0430 \u0441\u043a\u0430\u0447\u0430\u0442\u044c&nbsp;<a href=\"http:\/\/tympanus.net\/Tutorials\/ProximityEffect\/ProximityEffect.zip\" target=\"_blank\" rel=\"noopener noreferrer\">\u0442\u0443\u0442<\/a>.&nbsp;\u0414\u0430\u043b\u0435\u0435 \u044f \u0445\u043e\u0447\u0443 \u043f\u0440\u0438\u043a\u0440\u0435\u043f\u0438\u0442\u044c \u0432\u0441\u0451 \u044d\u0442\u043e \u0434\u043e\u0431\u0440\u043e \u043a \u043d\u043e\u0432\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435. \u0421\u043e\u0437\u0434\u0430\u044e \u043d\u043e\u0432\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443, \u0437\u0430\u0442\u0435\u043c \u0441\u043a\u0430\u0447\u0438\u0432\u0430\u044e \u043a\u0440\u0430\u0441\u0438\u0432\u0443\u044e \u0433\u0430\u043b\u0435\u0440\u0435\u044e, \u0435\u0441\u0442\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0441 \u043e\u0442\u043a\u0440\u044b\u0442\u044b\u043c \u043a\u043e\u0434\u043e\u043c, \u0438 \u0432\u0438\u0436\u0443 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435:<\/p>\n<p><a href=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2012\/02\/Bezyimyannyiy29.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2854\" src=\"http:\/\/beloweb.ru\/wp-content\/uploads\/2012\/02\/Bezyimyannyiy29.jpg\" alt=\"\" width=\"600\" height=\"161\"\/><\/a><\/p>\n<p>\u041a\u0430\u043a \u0432\u0438\u0434\u0438\u0442\u0435 \u0443 \u043c\u0435\u043d\u044f \u0435\u0441\u0442\u044c \u0442\u0440\u0438 \u043f\u0430\u043f\u043a\u0438 \u0441 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430\u043c\u0438, \u0441\u0442\u0438\u043b\u044f\u043c\u0438 \u0438 \u0441 \u0441\u0430\u043c\u0438\u043c \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u043c, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0442\u0440\u0438 \u043f\u0440\u0438\u043c\u0435\u0440\u0430&nbsp;<em>index.html<\/em>. \u0412 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0438\u043c\u0435\u043d\u043d\u043e \u0435\u0433\u043e.<\/p>\n<p>\u0414\u0430\u043b\u0435\u0435 \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u043f\u0435\u0440\u0432\u044b\u0439 \u043f\u0440\u0438\u043c\u0435\u0440, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u0432 \u041e\u043f\u0435\u0440\u0435, \u0437\u0430\u0442\u0435\u043c \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434 \u0441\u0430\u043c\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0442\u0430\u043c \u0436\u0435 \u043d\u0430\u0436\u0438\u043c\u0430\u0435\u043c \u043f\u0440\u0430\u0432\u0443\u044e \u043a\u043d\u043e\u043f\u043a\u0443 \u043c\u044b\u0448\u0438 \u0438 \u0432\u044b\u0431\u0438\u0440\u0430\u0435\u043c&nbsp;<em>\u0418\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434<\/em>, \u0438 \u043f\u043e \u0435\u0433\u043e \u043f\u0440\u0438\u043c\u0435\u0440\u0443 \u043f\u0440\u0438\u043a\u0440\u0435\u043f\u043b\u044f\u0435\u043c \u0433\u0430\u043b\u0435\u0440\u0435\u044e \u043d\u0430 \u0441\u0432\u043e\u0439 \u0441\u0430\u0439\u0442. \u0412 \u043e\u0431\u0449\u0435\u043c \u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043a\u0430\u043a \u0441\u0434\u0435\u043b\u0430\u043d\u043e \u0442\u0430\u043c \u0438 \u0442\u0430\u043a\u0436\u0435 \u0434\u0435\u043b\u0430\u0435\u043c \u0441\u0435\u0431\u0435.<\/p>\n<p>\u0413\u043e\u0432\u043e\u0440\u044e \u0441\u0440\u0430\u0437\u0443, \u0447\u0442\u043e \u0432\u0441\u0435 \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0435 \u043a\u043e\u0434\u044b \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u0440\u0430\u0437\u043d\u044b\u043c\u0438, \u043d\u043e \u043f\u0440\u0438\u043d\u0446\u0438\u043f \u043e\u0434\u0438\u043d \u0438 \u0442\u043e\u0442 \u0436\u0435. \u042f, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432\u0441\u0435\u0433\u0434\u0430 \u0442\u0430\u043a \u0434\u0435\u043b\u0430\u044e, \u0441\u043c\u043e\u0442\u0440\u044e \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434 \u0432 \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u0438 \u0442\u0430\u043a \u0436\u0435 \u0434\u0435\u043b\u0430\u044e \u0443 \u0441\u0435\u0431\u044f.<\/p>\n<h2>\u0412\u0430\u0436\u043d\u044b\u0435 \u043c\u043e\u043c\u0435\u043d\u0442\u044b \u0432 \u0434\u0430\u043d\u043d\u043e\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u0435.<\/h2>\n<p>\u041d\u0443\u0436\u043d\u043e \u043f\u0440\u0438\u043a\u0440\u0435\u043f\u0438\u0442\u044c \u0441\u0442\u0438\u043b\u0438 \u0438\u043c\u0435\u043d\u043d\u043e \u0442\u043e\u0433\u043e \u043f\u043b\u0430\u0433\u0438\u043d\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u0440\u0438\u043a\u0440\u0435\u043f\u043b\u044f\u0435\u0442\u0435, \u0432 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u044d\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u0442\u0441\u044f \u0442\u0430\u043a:<\/p>\n<div>\n<div id=\"highlighter_775050\" class=\"syntaxhighlighter php\">\n<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td class=\"gutter\">\n<div class=\"line number1 index0 alt2\">1<\/div>\n<\/td>\n<td class=\"code\">\n<div class=\"container\">\n<div class=\"line number1 index0 alt2\"><code class=\"php plain\">&lt;link rel=<\/code><code class=\"php string\">\"stylesheet\"<\/code> <code class=\"php plain\">type=<\/code><code class=\"php string\">\"text\/css\"<\/code> <code class=\"php plain\">href=<\/code><code class=\"php string\">\"css\/style1.css\"<\/code> <code class=\"php plain\">\/&gt;<\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>\u042d\u0442\u0443 \u0441\u0442\u0440\u043e\u0447\u043a\u0443 \u043d\u0443\u0436\u043d\u043e \u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043c\u0435\u0436\u0434\u0443 \u0442\u0435\u0433\u0430\u043c\u0438&nbsp;<em>&lt;head&gt; \u0438&nbsp;&lt;\/head&gt;<\/em>&nbsp;\u0438 \u043d\u0430 \u0442\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0433\u0434\u0435 \u0431\u0443\u0434\u0435\u0442 \u0441\u0430\u043c\u0430 \u0433\u0430\u043b\u0435\u0440\u0435\u044f, \u0435\u0441\u043b\u0438 \u0443 \u0412\u0430\u0441, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u0412\u043e\u0440\u0434\u043f\u0440\u0435\u0441\u0441, \u043d\u0443\u0436\u043d\u043e \u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0432&nbsp;<em>header.php<\/em>.<\/p>\n<p>\u0422\u0430\u043a \u0436\u0435 \u0435\u0449\u0451 \u043d\u0443\u0436\u043d\u043e \u043f\u0440\u0438\u043a\u0440\u0435\u043f\u0438\u0442\u044c \u0438 \u0441\u0430\u043c \u0441\u043a\u0440\u0438\u043f\u0442 \u044d\u0442\u043e\u0439 \u043a\u0440\u0430\u0441\u0438\u0432\u043e\u0439 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438, \u043e\u043f\u044f\u0442\u044c \u0436\u0435 \u043c\u0435\u0436\u0434\u0443 \u0442\u0435\u0433\u0430\u043c\u0438:<\/p>\n<div>\n<div id=\"highlighter_688721\" class=\"syntaxhighlighter php\">\n<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td class=\"gutter\">\n<div class=\"line number1 index0 alt2\">1<\/div>\n<\/td>\n<td class=\"code\">\n<div class=\"container\">\n<div class=\"line number1 index0 alt2\"><code class=\"php plain\">&lt;script src=<\/code><code class=\"php string\">\"\u0421\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u0441\u043a\u0440\u0438\u043f\u0442\"<\/code><code class=\"php plain\">&gt;&lt;\/script&gt;<\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>\u041d\u0443 \u0430 \u0441\u0435\u0439\u0447\u0430\u0441 \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c, \u0447\u0442\u043e \u0443 \u043c\u0435\u043d\u044f \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c. \u041d\u0430\u043f\u043e\u043c\u0438\u043d\u0430\u044e, \u0447\u0442\u043e \u044f \u0441\u043e\u0437\u0434\u0430\u043b \u043d\u043e\u0432\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0438 \u043f\u0440\u0438\u043a\u0440\u0435\u043f\u0438\u043b \u0442\u0443\u0434\u0430 \u0433\u0430\u043b\u0435\u0440\u0435\u044e. \u0412\u043e\u0442 \u043f\u043e\u043b\u044e\u0431\u0443\u0439\u0442\u0435\u0441\u044c:<\/p>\n<h2><a href=\"http:\/\/beloweb.ru\/demo\/demgar\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u041f\u0440\u0438\u043c\u0435\u0440<\/a><\/h2>\n<p>\u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435\u0441\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u043c \u043a\u043e\u0434\u043e\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u0430 \u043f\u043b\u0430\u0433\u0438\u043d\u0430, \u0434\u043b\u044f \u0442\u043e\u0433\u043e \u0447\u0442\u043e\u0431\u044b \u0431\u044b\u043b\u043e \u043b\u0435\u0433\u0447\u0435 \u043f\u0440\u0438\u043a\u0440\u0443\u0442\u0438\u0442\u044c \u0435\u0433\u043e \u043d\u0430 \u0441\u0432\u043e\u0439 \u0441\u0430\u0439\u0442. \u0418\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432 \u043c\u043e\u0451\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u0435, \u0438 \u0441\u044e\u0434\u0430 \u0435\u0433\u043e \u0432\u044b\u043b\u043e\u0436\u0443 \u0442\u043e\u0436\u0435, \u043d\u0430 \u0432\u0441\u044f\u043a\u0438\u0439 \u0441\u043b\u0443\u0447\u0430\u0439 \ud83d\ude42<\/p>\n<div>\n<div id=\"highlighter_780067\" class=\"syntaxhighlighter php\">\n<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td class=\"gutter\">\n<div class=\"line number1 index0 alt2\">1<\/div>\n<div class=\"line number2 index1 alt1\">2<\/div>\n<div class=\"line number3 index2 alt2\">3<\/div>\n<div class=\"line number4 index3 alt1\">4<\/div>\n<div class=\"line number5 index4 alt2\">5<\/div>\n<div class=\"line number6 index5 alt1\">6<\/div>\n<div class=\"line number7 index6 alt2\">7<\/div>\n<div class=\"line number8 index7 alt1\">8<\/div>\n<div class=\"line number9 index8 alt2\">9<\/div>\n<div class=\"line number10 index9 alt1\">10<\/div>\n<div class=\"line number11 index10 alt2\">11<\/div>\n<div class=\"line number12 index11 alt1\">12<\/div>\n<div class=\"line number13 index12 alt2\">13<\/div>\n<div class=\"line number14 index13 alt1\">14<\/div>\n<div class=\"line number15 index14 alt2\">15<\/div>\n<div class=\"line number16 index15 alt1\">16<\/div>\n<div class=\"line number17 index16 alt2\">17<\/div>\n<div class=\"line number18 index17 alt1\">18<\/div>\n<div class=\"line number19 index18 alt2\">19<\/div>\n<div class=\"line number20 index19 alt1\">20<\/div>\n<div class=\"line number21 index20 alt2\">21<\/div>\n<div class=\"line number22 index21 alt1\">22<\/div>\n<div class=\"line number23 index22 alt2\">23<\/div>\n<div class=\"line number24 index23 alt1\">24<\/div>\n<div class=\"line number25 index24 alt2\">25<\/div>\n<div class=\"line number26 index25 alt1\">26<\/div>\n<div class=\"line number27 index26 alt2\">27<\/div>\n<div class=\"line number28 index27 alt1\">28<\/div>\n<div class=\"line number29 index28 alt2\">29<\/div>\n<div class=\"line number30 index29 alt1\">30<\/div>\n<div class=\"line number31 index30 alt2\">31<\/div>\n<div class=\"line number32 index31 alt1\">32<\/div>\n<div class=\"line number33 index32 alt2\">33<\/div>\n<div class=\"line number34 index33 alt1\">34<\/div>\n<div class=\"line number35 index34 alt2\">35<\/div>\n<div class=\"line number36 index35 alt1\">36<\/div>\n<div class=\"line number37 index36 alt2\">37<\/div>\n<div class=\"line number38 index37 alt1\">38<\/div>\n<div class=\"line number39 index38 alt2\">39<\/div>\n<div class=\"line number40 index39 alt1\">40<\/div>\n<div class=\"line number41 index40 alt2\">41<\/div>\n<div class=\"line number42 index41 alt1\">42<\/div>\n<div class=\"line number43 index42 alt2\">43<\/div>\n<div class=\"line number44 index43 alt1\">44<\/div>\n<div class=\"line number45 index44 alt2\">45<\/div>\n<div class=\"line number46 index45 alt1\">46<\/div>\n<div class=\"line number47 index46 alt2\">47<\/div>\n<div class=\"line number48 index47 alt1\">48<\/div>\n<div class=\"line number49 index48 alt2\">49<\/div>\n<div class=\"line number50 index49 alt1\">50<\/div>\n<div class=\"line number51 index50 alt2\">51<\/div>\n<div class=\"line number52 index51 alt1\">52<\/div>\n<div class=\"line number53 index52 alt2\">53<\/div>\n<div class=\"line number54 index53 alt1\">54<\/div>\n<div class=\"line number55 index54 alt2\">55<\/div>\n<div class=\"line number56 index55 alt1\">56<\/div>\n<div class=\"line number57 index56 alt2\">57<\/div>\n<\/td>\n<td class=\"code\">\n<div class=\"container\">\n<div class=\"line number1 index0 alt2\"><code class=\"php plain\">&lt; !DOCTYPE html&gt;<\/code><\/div>\n<div class=\"line number2 index1 alt1\">&nbsp;<\/div>\n<div class=\"line number3 index2 alt2\"><code class=\"php plain\">&lt;!-- \u0422\u0430\u043a \u043f\u0440\u0438\u043a\u0440\u0435\u043f\u043b\u044f\u044e\u0442\u0441\u044f \u0441\u0442\u0438\u043b\u0438 --&gt;<\/code><\/div>\n<div class=\"line number4 index3 alt1\">&nbsp;<\/div>\n<div class=\"line number5 index4 alt2\"><code class=\"php plain\">&lt;link rel=<\/code><code class=\"php string\">\"stylesheet\"<\/code> <code class=\"php plain\">type=<\/code><code class=\"php string\">\"text\/css\"<\/code> <code class=\"php plain\">href=<\/code><code class=\"php string\">\"css\/style1.css\"<\/code> <code class=\"php plain\">\/&gt;<\/code><\/div>\n<div class=\"line number6 index5 alt1\">&nbsp;<\/div>\n<div class=\"line number7 index6 alt2\"><code class=\"php spaces\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code class=\"php plain\">&lt;!-- \u0422\u0430\u043a \u043f\u0440\u0438\u043a\u0440\u0435\u043f\u043b\u044f\u0435\u0442\u0441\u044f \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 jquery --&gt;<\/code><\/div>\n<div class=\"line number8 index7 alt1\"><code class=\"php plain\">&lt;script src=<\/code><code class=\"php string\">\"&lt;a href=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.7.1\/jquery.min.js\"&gt;http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.7.1\/jquery.min.js&lt;\/a&gt;\"<\/code><code class=\"php plain\">&gt;&lt;\/script&gt;<\/code><\/div>\n<div class=\"line number9 index8 alt2\">&nbsp;<\/div>\n<div class=\"line number10 index9 alt1\"><code class=\"php spaces\">&nbsp;<\/code><code class=\"php plain\">&lt;!-- \u0422\u0430\u043a \u043f\u0440\u0438\u043a\u0440\u0435\u043f\u043b\u044f\u0435\u0442\u0441\u044f \u0441\u0430\u043c \u0441\u043a\u0440\u0438\u043f\u0442 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 --&gt;<\/code><\/div>\n<div class=\"line number11 index10 alt2\"><code class=\"php plain\">&lt;script src=<\/code><code class=\"php string\">\"js\/jquery.proximity.js\"<\/code><code class=\"php plain\">&gt;&lt;\/script&gt;<\/code><\/div>\n<div class=\"line number12 index11 alt1\">&nbsp;<\/div>\n<div class=\"line number13 index12 alt2\"><code class=\"php plain\">&lt;\/pre&gt;<\/code><\/div>\n<div class=\"line number14 index13 alt1\"><code class=\"php plain\">&lt;div<\/code><code class=\"php keyword\">class<\/code><code class=\"php plain\">=<\/code><code class=\"php string\">\"container\"<\/code><code class=\"php plain\">&gt;&lt;!-- \u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f --&gt;&lt;\/div&gt;<\/code><\/div>\n<div class=\"line number15 index14 alt2\"><code class=\"php plain\">&lt;section<\/code><code class=\"php keyword\">class<\/code><code class=\"php plain\">=<\/code><code class=\"php string\">\"pe-container\"<\/code><code class=\"php plain\">&gt;<\/code><\/div>\n<div class=\"line number16 index15 alt1\"><code class=\"php plain\">&lt;ul id=<\/code><code class=\"php string\">\"pe-thumbs\"<\/code> <code class=\"php keyword\">class<\/code><code class=\"php plain\">=<\/code><code class=\"php string\">\"pe-thumbs\"<\/code><code class=\"php plain\">&gt;<\/code><\/div>\n<div class=\"line number17 index16 alt2\"><code class=\"php plain\">&lt;li&gt;&lt;a href=<\/code><code class=\"php string\">\"#\"<\/code><code class=\"php plain\">&gt;&lt;img src=<\/code><code class=\"php string\">\"images\/thumbs\/1.jpg\"<\/code> <code class=\"php plain\">alt=<\/code><code class=\"php string\">\"\"<\/code> <code class=\"php plain\">\/&gt;&lt;\/a&gt;&lt;\/li&gt;<\/code><\/div>\n<div class=\"line number18 index17 alt1\"><code class=\"php plain\">&lt;li&gt;&lt;a href=<\/code><code class=\"php string\">\"#\"<\/code><code class=\"php plain\">&gt;&lt;img src=<\/code><code class=\"php string\">\"images\/thumbs\/2.jpg\"<\/code> <code class=\"php plain\">alt=<\/code><code class=\"php string\">\"\"<\/code> <code class=\"php plain\">\/&gt;&lt;\/a&gt;&lt;\/li&gt;<\/code><\/div>\n<div class=\"line number19 index18 alt2\"><code class=\"php plain\">&lt;li&gt;&lt;a href=<\/code><code class=\"php string\">\"#\"<\/code><code class=\"php plain\">&gt;&lt;img src=<\/code><code class=\"php string\">\"images\/thumbs\/3.jpg\"<\/code> <code class=\"php plain\">alt=<\/code><code class=\"php string\">\"\"<\/code> <code class=\"php plain\">\/&gt;&lt;\/a&gt;&lt;\/li&gt;<\/code><\/div>\n<div class=\"line number20 index19 alt1\"><code class=\"php plain\">&lt;li&gt;&lt;a href=<\/code><code class=\"php string\">\"#\"<\/code><code class=\"php plain\">&gt;&lt;img src=<\/code><code class=\"php string\">\"images\/thumbs\/4.jpg\"<\/code> <code class=\"php plain\">alt=<\/code><code class=\"php string\">\"\"<\/code> <code class=\"php plain\">\/&gt;&lt;\/a&gt;&lt;\/li&gt;<\/code><\/div>\n<div class=\"line number21 index20 alt2\"><code class=\"php plain\">&lt;li&gt;&lt;a href=<\/code><code class=\"php string\">\"#\"<\/code><code class=\"php plain\">&gt;&lt;img src=<\/code><code class=\"php string\">\"images\/thumbs\/5.jpg\"<\/code> <code class=\"php plain\">alt=<\/code><code class=\"php string\">\"\"<\/code> <code class=\"php plain\">\/&gt;&lt;\/a&gt;&lt;\/li&gt;<\/code><\/div>\n<div class=\"line number22 index21 alt1\"><code class=\"php plain\">&lt;li&gt;&lt;a href=<\/code><code class=\"php string\">\"#\"<\/code><code class=\"php plain\">&gt;&lt;img src=<\/code><code class=\"php string\">\"images\/thumbs\/6.jpg\"<\/code> <code class=\"php plain\">alt=<\/code><code class=\"php string\">\"\"<\/code> <code class=\"php plain\">\/&gt;&lt;\/a&gt;&lt;\/li&gt;<\/code><\/div>\n<div class=\"line number23 index22 alt2\"><code class=\"php plain\">&lt;li&gt;&lt;a href=<\/code><code class=\"php string\">\"#\"<\/code><code class=\"php plain\">&gt;&lt;img src=<\/code><code class=\"php string\">\"images\/thumbs\/7.jpg\"<\/code> <code class=\"php plain\">alt=<\/code><code class=\"php string\">\"\"<\/code> <code class=\"php plain\">\/&gt;&lt;\/a&gt;&lt;\/li&gt;<\/code><\/div>\n<div class=\"line number24 index23 alt1\"><code class=\"php plain\">&lt;li&gt;&lt;a href=<\/code><code class=\"php string\">\"#\"<\/code><code class=\"php plain\">&gt;&lt;img src=<\/code><code class=\"php string\">\"images\/thumbs\/8.jpg\"<\/code> <code class=\"php plain\">alt=<\/code><code class=\"php string\">\"\"<\/code> <code class=\"php plain\">\/&gt;&lt;\/a&gt;&lt;\/li&gt;<\/code><\/div>\n<div class=\"line number25 index24 alt2\"><code class=\"php plain\">&lt;li&gt;&lt;a href=<\/code><code class=\"php string\">\"#\"<\/code><code class=\"php plain\">&gt;&lt;img src=<\/code><code class=\"php string\">\"images\/thumbs\/9.jpg\"<\/code> <code class=\"php plain\">alt=<\/code><code class=\"php string\">\"\"<\/code> <code class=\"php plain\">\/&gt;&lt;\/a&gt;&lt;\/li&gt;<\/code><\/div>\n<div class=\"line number26 index25 alt1\"><code class=\"php plain\">&lt;li&gt;&lt;a href=<\/code><code class=\"php string\">\"#\"<\/code><code class=\"php plain\">&gt;&lt;img src=<\/code><code class=\"php string\">\"images\/thumbs\/10.jpg\"<\/code> <code class=\"php plain\">alt=<\/code><code class=\"php string\">\"\"<\/code> <code class=\"php plain\">\/&gt;&lt;\/a&gt;&lt;\/li&gt;<\/code><\/div>\n<div class=\"line number27 index26 alt2\"><code class=\"php plain\">&lt;li&gt;&lt;a href=<\/code><code class=\"php string\">\"#\"<\/code><code class=\"php plain\">&gt;&lt;img src=<\/code><code class=\"php string\">\"images\/thumbs\/11.jpg\"<\/code> <code class=\"php plain\">alt=<\/code><code class=\"php string\">\"\"<\/code> <code class=\"php plain\">\/&gt;&lt;\/a&gt;&lt;\/li&gt;<\/code><\/div>\n<div class=\"line number28 index27 alt1\"><code class=\"php plain\">&lt;li&gt;&lt;a href=<\/code><code class=\"php string\">\"#\"<\/code><code class=\"php plain\">&gt;&lt;img src=<\/code><code class=\"php string\">\"images\/thumbs\/12.jpg\"<\/code> <code class=\"php plain\">alt=<\/code><code class=\"php string\">\"\"<\/code> <code class=\"php plain\">\/&gt;&lt;\/a&gt;&lt;\/li&gt;<\/code><\/div>\n<div class=\"line number29 index28 alt2\"><code class=\"php plain\">&lt;li&gt;&lt;a href=<\/code><code class=\"php string\">\"#\"<\/code><code class=\"php plain\">&gt;&lt;img src=<\/code><code class=\"php string\">\"images\/thumbs\/13.jpg\"<\/code> <code class=\"php plain\">alt=<\/code><code class=\"php string\">\"\"<\/code> <code class=\"php plain\">\/&gt;&lt;\/a&gt;&lt;\/li&gt;<\/code><\/div>\n<div class=\"line number30 index29 alt1\"><code class=\"php plain\">&lt;li&gt;&lt;a href=<\/code><code class=\"php string\">\"#\"<\/code><code class=\"php plain\">&gt;&lt;img src=<\/code><code class=\"php string\">\"images\/thumbs\/14.jpg\"<\/code> <code class=\"php plain\">alt=<\/code><code class=\"php string\">\"\"<\/code> <code class=\"php plain\">\/&gt;&lt;\/a&gt;&lt;\/li&gt;<\/code><\/div>\n<div class=\"line number31 index30 alt2\"><code class=\"php plain\">&lt;li&gt;&lt;a href=<\/code><code class=\"php string\">\"#\"<\/code><code class=\"php plain\">&gt;&lt;img src=<\/code><code class=\"php string\">\"images\/thumbs\/15.jpg\"<\/code> <code class=\"php plain\">alt=<\/code><code class=\"php string\">\"\"<\/code> <code class=\"php plain\">\/&gt;&lt;\/a&gt;&lt;\/li&gt;<\/code><\/div>\n<div class=\"line number32 index31 alt1\"><code class=\"php plain\">&lt;li&gt;&lt;a href=<\/code><code class=\"php string\">\"#\"<\/code><code class=\"php plain\">&gt;&lt;img src=<\/code><code class=\"php string\">\"images\/thumbs\/16.jpg\"<\/code> <code class=\"php plain\">alt=<\/code><code class=\"php string\">\"\"<\/code> <code class=\"php plain\">\/&gt;&lt;\/a&gt;&lt;\/li&gt;<\/code><\/div>\n<div class=\"line number33 index32 alt2\"><code class=\"php plain\">&lt;li&gt;&lt;a href=<\/code><code class=\"php string\">\"#\"<\/code><code class=\"php plain\">&gt;&lt;img src=<\/code><code class=\"php string\">\"images\/thumbs\/17.jpg\"<\/code> <code class=\"php plain\">alt=<\/code><code class=\"php string\">\"\"<\/code> <code class=\"php plain\">\/&gt;&lt;\/a&gt;&lt;\/li&gt;<\/code><\/div>\n<div class=\"line number34 index33 alt1\"><code class=\"php plain\">&lt;li&gt;&lt;a href=<\/code><code class=\"php string\">\"#\"<\/code><code class=\"php plain\">&gt;&lt;img src=<\/code><code class=\"php string\">\"images\/thumbs\/18.jpg\"<\/code> <code class=\"php plain\">alt=<\/code><code class=\"php string\">\"\"<\/code> <code class=\"php plain\">\/&gt;&lt;\/a&gt;&lt;\/li&gt;<\/code><\/div>\n<div class=\"line number35 index34 alt2\"><code class=\"php plain\">&lt;li&gt;&lt;a href=<\/code><code class=\"php string\">\"#\"<\/code><code class=\"php plain\">&gt;&lt;img src=<\/code><code class=\"php string\">\"images\/thumbs\/19.jpg\"<\/code> <code class=\"php plain\">alt=<\/code><code class=\"php string\">\"\"<\/code> <code class=\"php plain\">\/&gt;&lt;\/a&gt;&lt;\/li&gt;<\/code><\/div>\n<div class=\"line number36 index35 alt1\"><code class=\"php plain\">&lt;li&gt;&lt;a href=<\/code><code class=\"php string\">\"#\"<\/code><code class=\"php plain\">&gt;&lt;img src=<\/code><code class=\"php string\">\"images\/thumbs\/20.jpg\"<\/code> <code class=\"php plain\">alt=<\/code><code class=\"php string\">\"\"<\/code> <code class=\"php plain\">\/&gt;&lt;\/a&gt;&lt;\/li&gt;<\/code><\/div>\n<div class=\"line number37 index36 alt2\"><code class=\"php plain\">&lt;li&gt;&lt;a href=<\/code><code class=\"php string\">\"#\"<\/code><code class=\"php plain\">&gt;&lt;img src=<\/code><code class=\"php string\">\"images\/thumbs\/21.jpg\"<\/code> <code class=\"php plain\">alt=<\/code><code class=\"php string\">\"\"<\/code> <code class=\"php plain\">\/&gt;&lt;\/a&gt;&lt;\/li&gt;<\/code><\/div>\n<div class=\"line number38 index37 alt1\"><code class=\"php plain\">&lt;li&gt;&lt;a href=<\/code><code class=\"php string\">\"#\"<\/code><code class=\"php plain\">&gt;&lt;img src=<\/code><code class=\"php string\">\"images\/thumbs\/22.jpg\"<\/code> <code class=\"php plain\">alt=<\/code><code class=\"php string\">\"\"<\/code> <code class=\"php plain\">\/&gt;&lt;\/a&gt;&lt;\/li&gt;<\/code><\/div>\n<div class=\"line number39 index38 alt2\"><code class=\"php plain\">&lt;li&gt;&lt;a href=<\/code><code class=\"php string\">\"#\"<\/code><code class=\"php plain\">&gt;&lt;img src=<\/code><code class=\"php string\">\"images\/thumbs\/23.jpg\"<\/code> <code class=\"php plain\">alt=<\/code><code class=\"php string\">\"\"<\/code> <code class=\"php plain\">\/&gt;&lt;\/a&gt;&lt;\/li&gt;<\/code><\/div>\n<div class=\"line number40 index39 alt1\"><code class=\"php plain\">&lt;li&gt;&lt;a href=<\/code><code class=\"php string\">\"#\"<\/code><code class=\"php plain\">&gt;&lt;img src=<\/code><code class=\"php string\">\"images\/thumbs\/24.jpg\"<\/code> <code class=\"php plain\">alt=<\/code><code class=\"php string\">\"\"<\/code> <code class=\"php plain\">\/&gt;&lt;\/a&gt;&lt;\/li&gt;<\/code><\/div>\n<div class=\"line number41 index40 alt2\"><code class=\"php plain\">&lt;li&gt;&lt;a href=<\/code><code class=\"php string\">\"#\"<\/code><code class=\"php plain\">&gt;&lt;img src=<\/code><code class=\"php string\">\"images\/thumbs\/25.jpg\"<\/code> <code class=\"php plain\">alt=<\/code><code class=\"php string\">\"\"<\/code> <code class=\"php plain\">\/&gt;&lt;\/a&gt;&lt;\/li&gt;<\/code><\/div>\n<div class=\"line number42 index41 alt1\"><code class=\"php plain\">&lt;li&gt;&lt;a href=<\/code><code class=\"php string\">\"#\"<\/code><code class=\"php plain\">&gt;&lt;img src=<\/code><code class=\"php string\">\"images\/thumbs\/26.jpg\"<\/code> <code class=\"php plain\">alt=<\/code><code class=\"php string\">\"\"<\/code> <code class=\"php plain\">\/&gt;&lt;\/a&gt;&lt;\/li&gt;<\/code><\/div>\n<div class=\"line number43 index42 alt2\"><code class=\"php plain\">&lt;li&gt;&lt;a href=<\/code><code class=\"php string\">\"#\"<\/code><code class=\"php plain\">&gt;&lt;img src=<\/code><code class=\"php string\">\"images\/thumbs\/27.jpg\"<\/code> <code class=\"php plain\">alt=<\/code><code class=\"php string\">\"\"<\/code> <code class=\"php plain\">\/&gt;&lt;\/a&gt;&lt;\/li&gt;<\/code><\/div>\n<div class=\"line number44 index43 alt1\"><code class=\"php plain\">&lt;li&gt;&lt;a href=<\/code><code class=\"php string\">\"#\"<\/code><code class=\"php plain\">&gt;&lt;img src=<\/code><code class=\"php string\">\"images\/thumbs\/28.jpg\"<\/code> <code class=\"php plain\">alt=<\/code><code class=\"php string\">\"\"<\/code> <code class=\"php plain\">\/&gt;&lt;\/a&gt;&lt;\/li&gt;<\/code><\/div>\n<div class=\"line number45 index44 alt2\"><code class=\"php plain\">&lt;li&gt;&lt;a href=<\/code><code class=\"php string\">\"#\"<\/code><code class=\"php plain\">&gt;&lt;img src=<\/code><code class=\"php string\">\"images\/thumbs\/29.jpg\"<\/code> <code class=\"php plain\">alt=<\/code><code class=\"php string\">\"\"<\/code> <code class=\"php plain\">\/&gt;&lt;\/a&gt;&lt;\/li&gt;<\/code><\/div>\n<div class=\"line number46 index45 alt1\"><code class=\"php plain\">&lt;li&gt;&lt;a href=<\/code><code class=\"php string\">\"#\"<\/code><code class=\"php plain\">&gt;&lt;img src=<\/code><code class=\"php string\">\"images\/thumbs\/7.jpg\"<\/code> <code class=\"php plain\">alt=<\/code><code class=\"php string\">\"\"<\/code> <code class=\"php plain\">\/&gt;&lt;\/a&gt;&lt;\/li&gt;<\/code><\/div>\n<div class=\"line number47 index46 alt2\"><code class=\"php plain\">&lt;li&gt;&lt;a href=<\/code><code class=\"php string\">\"#\"<\/code><code class=\"php plain\">&gt;&lt;img src=<\/code><code class=\"php string\">\"images\/thumbs\/1.jpg\"<\/code> <code class=\"php plain\">alt=<\/code><code class=\"php string\">\"\"<\/code> <code class=\"php plain\">\/&gt;&lt;\/a&gt;&lt;\/li&gt;<\/code><\/div>\n<div class=\"line number48 index47 alt1\"><code class=\"php plain\">&lt;li&gt;&lt;a href=<\/code><code class=\"php string\">\"#\"<\/code><code class=\"php plain\">&gt;&lt;img src=<\/code><code class=\"php string\">\"images\/thumbs\/2.jpg\"<\/code> <code class=\"php plain\">alt=<\/code><code class=\"php string\">\"\"<\/code> <code class=\"php plain\">\/&gt;&lt;\/a&gt;&lt;\/li&gt;<\/code><\/div>\n<div class=\"line number49 index48 alt2\"><code class=\"php plain\">&lt;li&gt;&lt;a href=<\/code><code class=\"php string\">\"#\"<\/code><code class=\"php plain\">&gt;&lt;img src=<\/code><code class=\"php string\">\"images\/thumbs\/3.jpg\"<\/code> <code class=\"php plain\">alt=<\/code><code class=\"php string\">\"\"<\/code> <code class=\"php plain\">\/&gt;&lt;\/a&gt;&lt;\/li&gt;<\/code><\/div>\n<div class=\"line number50 index49 alt1\"><code class=\"php plain\">&lt;li&gt;&lt;a href=<\/code><code class=\"php string\">\"#\"<\/code><code class=\"php plain\">&gt;&lt;img src=<\/code><code class=\"php string\">\"images\/thumbs\/4.jpg\"<\/code> <code class=\"php plain\">alt=<\/code><code class=\"php string\">\"\"<\/code> <code class=\"php plain\">\/&gt;&lt;\/a&gt;&lt;\/li&gt;<\/code><\/div>\n<div class=\"line number51 index50 alt2\"><code class=\"php plain\">&lt;li&gt;&lt;a href=<\/code><code class=\"php string\">\"#\"<\/code><code class=\"php plain\">&gt;&lt;img src=<\/code><code class=\"php string\">\"images\/thumbs\/5.jpg\"<\/code> <code class=\"php plain\">alt=<\/code><code class=\"php string\">\"\"<\/code> <code class=\"php plain\">\/&gt;&lt;\/a&gt;&lt;\/li&gt;<\/code><\/div>\n<div class=\"line number52 index51 alt1\"><code class=\"php plain\">&lt;li&gt;&lt;a href=<\/code><code class=\"php string\">\"#\"<\/code><code class=\"php plain\">&gt;&lt;img src=<\/code><code class=\"php string\">\"images\/thumbs\/6.jpg\"<\/code> <code class=\"php plain\">alt=<\/code><code class=\"php string\">\"\"<\/code> <code class=\"php plain\">\/&gt;&lt;\/a&gt;&lt;\/li&gt;<\/code><\/div>\n<div class=\"line number53 index52 alt2\"><code class=\"php plain\">&lt;\/ul&gt;<\/code><\/div>\n<div class=\"line number54 index53 alt1\"><code class=\"php plain\">&lt;\/section&gt;<\/code><\/div>\n<div class=\"line number55 index54 alt2\"><code class=\"php plain\">&lt;pre&gt;<\/code><\/div>\n<div class=\"line number56 index55 alt1\"><code class=\"php spaces\">&nbsp;<\/code><code class=\"php plain\">&lt;!-- \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f --&gt;<\/code><\/div>\n<div class=\"line number57 index56 alt2\"><code class=\"php plain\">&lt;script&gt;<\/code><code class=\"php comments\">\/\/ &lt;![CDATA[ $(function() { var Photo = (function() { \/\/ list of thumbs var $list = $('#pe-thumbs'), \/\/ the images $elems = $list.find('img'), \/\/ maxScale : maximum scale value the image will have \/\/ minOpacity \/ maxOpacity : minimum (set in the CSS) and maximum values for the image's opacity settings = { maxScale : 1.4, maxOpacity : 0.9, minOpacity : Number( $elems.css('opacity') ) }, init = function() { \/\/ minScale will be set in the CSS settings.minScale = _getScaleVal() || 1; _initEvents(); }, \/\/ Get Value of CSS Scale through JavaScript: \/\/ &lt;a href=\"http:\/\/css-tricks.com\/get-value-of-css-rotation-through-javascript\/\"&gt;http:\/\/css-tricks.com\/get-value-of-css-rotation-through-javascript\/&lt;\/a&gt; _getScaleVal= function() { var st = window.getComputedStyle($elems.get(0), null), tr = st.getPropertyValue(\"-webkit-transform\") || st.getPropertyValue(\"-moz-transform\") || st.getPropertyValue(\"-ms-transform\") || st.getPropertyValue(\"-o-transform\") || st.getPropertyValue(\"transform\") || \"fail...\"; if( tr !== 'none' ) { var values = tr.split('(')[1].split(')')[0].split(','), a = values[0], b = values[1], c = values[2], d = values[3]; return Math.sqrt( a * a + b * b ); } }, _initEvents = function() { \/\/ the proximity event $elems.on('proximity.Photo', { max: 80, throttle: 10, fireOutOfBounds : true }, function( event, proximity, distance ) { var $el = $(this), $li = $el.closest('li'), scaleVal = proximity * ( settings.maxScale - settings.minScale ) + settings.minScale, scaleExp = 'scale(' + scaleVal + ')'; \/\/ change the z-index of the element once it reaches the maximum scale value ( scaleVal === settings.maxScale ) ? $li.css( 'z-index', 1000 ) : $li.css( 'z-index', 1 ); $el.css({ '-webkit-transform' : scaleExp, '-moz-transform' : scaleExp, '-o-transform' : scaleExp, '-ms-transform' : scaleExp, 'transform' : scaleExp, 'opacity' : ( proximity * ( settings.maxOpacity - settings.minOpacity ) + settings.minOpacity ) }); }); } return { init : init }; })(); Photo.init(); }); \/\/ ]]&gt;&lt;\/script&gt;<\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>\u0412\u043e\u0442 \u0432 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0435 \u0438 \u0432\u0441\u0451. \u0421\u0430\u043c\u043e\u0435 \u0433\u043b\u0430\u0432\u043d\u043e\u0435 \u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u0441\u0430\u043c\u0438 \u0438\u0437\u043c\u0435\u043d\u044f\u0442\u044c, \u0432\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c, \u0443\u0434\u0430\u043b\u044f\u0442\u044c \u0438 \u0442. \u0434. \u0418\u0441\u043f\u043e\u0440\u0442\u0438\u043b\u0438, \u0441\u043a\u0430\u0447\u0430\u043b\u0438 \u0435\u0449\u0451 \u0440\u0430\u0437 \u0438 \u0432\u0441\u0451 \u043f\u043e \u043d\u043e\u0432\u043e\u0439 \u043f\u043e\u043a\u0430 \u043d\u0435 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0441\u044f \u0436\u0435\u043b\u0430\u0435\u043c\u044b\u0439 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442. \u041d\u0430\u0434\u0435\u044e\u0441\u044c, \u0447\u0442\u043e \u044f \u0432\u0441\u0451 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c \u0412\u0430\u043c \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u043b. \u0415\u0441\u043b\u0438 \u0412\u0430\u043c \u0432\u0441\u0451 \u0436\u0435 \u0431\u0443\u0434\u0435\u0442 \u0447\u0442\u043e \u0442\u043e \u043d\u0435 \u043f\u043e\u043d\u044f\u0442\u043d\u043e \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u0441\u043f\u0440\u0430\u0448\u0438\u0432\u0430\u0439\u0442\u0435 \u0432 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u044f\u0445. \u0414\u043e \u0441\u043a\u043e\u0440\u044b\u0445 \u0432\u0441\u0442\u0440\u0435\u0447, \u0434\u0440\u0443\u0437\u044c\u044f.<\/p>\n<p><a href=\"http:\/\/beloweb.ru\/javascript-jquery\/chto-takoe-jquery-i-jquery-plaginyi-i-kak-ih-prikrepit-k-saytu.html\">http:\/\/beloweb.ru\/javascript-jquery\/chto-takoe-jquery-i-jquery-plaginyi-i-kak-ih-prikrepit-k-saytu.html<\/a>&nbsp;&mdash; link<\/p>\n<p><iframe loading=\"lazy\" title=\"\u0422\u041e\u041f 10 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 \u0434\u043b\u044f JQuery\" width=\"696\" height=\"392\" src=\"https:\/\/www.youtube.com\/embed\/LI3hr1vxn-U?start=197&feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>https:\/\/www.youtube.com\/watch?v=2faZA0CnrcE<\/p>\n<p>&nbsp;<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; \u041e\u0447\u0435\u0440\u0435\u0434\u043d\u0430\u044f \u043f\u043e\u0434\u0431\u043e\u0440\u043a\u0430 JQuery \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0443\u043a\u0440\u0430\u0441\u044f\u0442 \u0412\u0430\u0448 \u0441\u0430\u0439\u0442 \u0438 \u043e\u0431\u043b\u0435\u0433\u0447\u0430\u0442 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u043c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f\u043c.<\/p>\n","protected":false},"author":1,"featured_media":26586,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[39],"tags":[],"class_list":["post-26585","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"_links":{"self":[{"href":"https:\/\/vichivisam.ru\/index.php?rest_route=\/wp\/v2\/posts\/26585","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vichivisam.ru\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vichivisam.ru\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vichivisam.ru\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vichivisam.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=26585"}],"version-history":[{"count":0,"href":"https:\/\/vichivisam.ru\/index.php?rest_route=\/wp\/v2\/posts\/26585\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vichivisam.ru\/index.php?rest_route=\/wp\/v2\/media\/26586"}],"wp:attachment":[{"href":"https:\/\/vichivisam.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=26585"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vichivisam.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=26585"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vichivisam.ru\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=26585"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}