1,0×
180 просмотров · 2 года назад
00:00/14:56
- Демонстрация drag and Drop
Описание
Практика JavaScript / Реализуем механизм Drag and Drop
2 года назад • 180 просмотров2 поставили "Нравится"
В этом видео покажу, как сделать перетаскивание элементов с помощью JavaScript. Этот механизм еще называют drag and drop (бери и бросай). На простом примере мы реализуем возможность перетаскивать синий квадрат в один их трех серых боксов. Вы поймете, как работает drag and drop, и в дальнейшем будете создавать свои более сложные интерфейсы.––––––––––––––––––––––––––––––
Таймкоды из видео:
0:00 - Демонстрация drag and Drop
1:03 - Разметка и оформление боксов
4:35 - Скрипт для работы drag and drop
14:41 - Завершение
––––––––––––––––––––––––––––––
Ссылки:
Стартовый проект на GitHub:
github.com/...el/youtube...
––––––––––––––––––––––––––––––
Лучшая ваша поддержка - лайк под этим видео!
Советую посетить мой сайт codelab.pro, там вы найдете много интересных уроков по программированию.
Я выполняю заказы по верстке сайтов и написанию скриптов на JS. Пишите admin@codelab.pro