#3.16 Перетаскивание Drag and Drop, делаем слайдер Range на JavaScript и CSS
JavaScript Drag-and-Drop
В этой статье я расскажу о том, как работает перетаскивание объектов в HTML5. Для начала создадим файл index.html, папки js и css. В папке js создадим файл common.js, а в папке css создадим файл style.css Теперь напишем разметку в файле index.html Теперь напишем стили в файле style.css В результате в браузере увидим следующее Перейдем в файл common.js и начнем писать код. В начале повесим на объект window событие load, которое будет вызвано после того, как страница полностью загрузится. Затем...
Пишем слайдер без библиотек. JavaScript. Часть 2. Touch Events.
Решил написать вторую часть про создание слайдера без библиотек. Для того, чтобы понимать, что здесь происходит нужно просмотреть первую часть. А еще лучше просмотреть код. Если в первая статья была для новичков, то для чтения этой части нужен более продвинутый уровень. Будет много кода. Мы будем менять и переписывать это. Также как и в прошлый раз, наливаем себе чаек☕ и начинаем. Ссылка на новую рабочую версию в конце статьи. Советую читать код по порядку. Я его разделил на этапы. Пререквизиты В предыдущей статье мы написали простой слайдер с переключением по кнопкам...