500 читали · 5 лет назад
JavaScript Drag-and-Drop
В этой статье я расскажу о том, как работает перетаскивание объектов в HTML5. Для начала создадим файл index.html, папки js и css. В папке js создадим файл common.js, а в папке css создадим файл style.css Теперь напишем разметку в файле index.html Теперь напишем стили в файле style.css В результате в браузере увидим следующее Перейдем в файл common.js и начнем писать код. В начале повесим на объект window событие load, которое будет вызвано после того, как страница полностью загрузится. Затем...
6 месяцев назад
Как использовать JavaScript для создания анимаций и переходов на веб-странице
Анимации и переходы - это неотъемлемая часть современного веб-дизайна. Когда вы хотите добавить интерактивность и сделать веб-страницу более динамичной, анимации могут существенно улучшить пользовательский опыт. Хотя для создания анимаций часто используют CSS, в этой статье мы сосредоточимся на том, как добавить анимации с помощью JavaScript, чтобы иметь больше гибкости и контроля. В этой статье я расскажу, как с помощью Vanilla JavaScript можно создать различные анимации и переходы на веб-странице, а также покажу несколько примеров с кодом...