JavaScript - Page 4
Drop down меню (jQuery)
Last updated: 10.10.2025
Views: 104
Drop down меню можна створити без JavaScript, лише використовуючи CSS. За допомогою :hover. Але меню JavaScript має свої переваги. Найголовніше - це затримка зникнення випадаючих елементів.
Розглянемо просте меню з одним рівнем вкладеності. Ми напишемо код за допомогою jQuery. Хоча jQuery не є найсучаснішим інструментом, ця бібліотека продовжує використовуватися в багатьох проектах.
HTML
[htm...
Плагін jQuery Accordion
Last updated: 10.10.2025
Views: 79
На сайтах часто використовується акордеон. Цей елемент популярний і в той же час зручний. Акордеон допомагає структурувати контент і економить місце. У своїй роботі я часто використовував jQuery (і іноді використовую його зараз). І за допомогою цієї бібліотеки я написав плагін акордеону для використання в різних проектах. Плагін базується на методі slideToggle(). Можливо комусь, цей плагін також б...
Простий годинник на JavaScript
Last updated: 21.02.2026
Views: 73
В Інтернеті є багато прикладів реалізації годинника за допомогою JavaScript. Варіанти реалізації можуть бути різними, але зазвичай вони схожі. Щоб створити годинник, використовується функція setTimeout або setInterval. Незважаючи на те, що код не складний, він буде корисний для практики в роботі з об’єктом Date. Ми створимо простий годинник у 24-годинному форматі за допомогою функції setTimeout
H...
Плагін jQuery Tabs
Last updated: 10.10.2025
Views: 81
Таби – досить поширений елемент. В Інтернеті є різні реалізації цього елемента. Але часто такі таби перевантажені кодом, наповнені ефектами, які навряд чи знадобляться в звичайних завданнях. Тому було вирішено написати прості таби, так би мовити, "для себе".
Цей плагін був написаний давно і я використовував його в своїй роботі. jQuery на даний момент не вважається сучасним рішенням. Але є багат...
Як створити власний плагін jQuery
Last updated: 10.10.2025
Views: 77
Зручність плагіна jQuery полягає в тому, що ви можете використовувати один і той же код кілька разів для різних об’єктів. У цьому випадку копіювати та вставляти код не потрібно. Крім того, ви можете змінити поведінку плагіна за допомогою різних параметрів. Щоб написати плагін jQuery, потрібно розшитити об’єкт $.fn
Загалом це виглядає так:
[js]
$.fn.MyPlugin = function() {
//plugin code...