при изучении js наткнулся на такое: мобильные устройства плохо поддерживают специальные события именно для Drag’n’Drop и возникли вопросы
насколько плохо?))
если у сайта будет мобильная версия реализовать drag-and-drop с помощью специальн…
есть элемент которые стоят в ряд друг за другом и обернуты в overflow: scroll. Нужно чтобы пользователь потянул за элемент и проскроллил до другого, как это можно сделать?
.overflow {
display:flex;
overflow-x: scroll;
}
.overflow__ite…
var cvs = document.getElementById(“canvas”);
var ctx = cvs.getContext(“2d”);
var bird = new Image()
var bg = new Image()
var water = new Image()
var cn = new Image()
var cnBottom = new Image()
var coins = new Image()
var island = new …
Вот canvas анимация(код ниже).
как сделать ,чтобы по нажатию на на кнопку pause.
Элементы анимации (облака) останавливались на месте ,как бы становясь на паузу.
Спасибо!
<!DOCTYPE html>
<html lang=”en”>
<head>
<…
Как сделать вот такую анимацию на slick слайдере при прокрутке колесом мышки?
То есть когда мы колесом мыши прокручиваем слайды, то кругляши по часовой стрелке двигаются по кругу. И плюс должны высвечиваться заголовки других слайдов сверху…
Вот как это должно выглядеть
То есть облака должны беспрерывно двигаться по горизонтали.
Как реализовать такую анимацию на JS в Canvas?
Если есть ссылка на какой-либо ресурс буду рад!
Спасибо заранее!!!
…
С канвасом знаком поверхностно –
при первом знакомстве столкнулся с таким гайдом в разрезе работы с vue.js:
Controlling the HTML5 Canvas with Vue.js
Вопросы:
Позволяет ли такой способ работать со слоями канваса – так же как с обычными д…
var cvs = document.getElementById(“canvas”);
var ctx = cvs.getContext(“2d”);
var bird = new Image()
var bg = new Image()
var water = new Image()
var cn = new Image()
var cnBottom = new Image()
var coins = new Image()
var island = new …
Всем Привет!
Как мне сделать, чтобы нарисованные фигуры (два квадрата),
двигались – первый медленней, второй быстрее. (код ниже)
Заранее СПАСИБО за уделенное время!
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta…
Всем привет!
Есть такая вот форма codepen
Логика следующая:
Пользователь нажимает на кнопку и ему открывается форма, где он может зарезервировать дату либо же просто перейти в мессенджер. В случае если пользователь хочет зарезервировать да…
Vue приложение, используется роутер, mode: ‘history’
На главной странице перебором массива отрисовываются router-link с :to="{path: ‘/page’, hash: ‘#’+item}"
На другой странице содержатся компоненты с обычным текстом. В начале ка…
Каждый раз когда я что-то изменяю в css или js файле не происходят изменения на сайте из-за кеширования. Чтобы увидеть изменения нужно переименовать файл. Можно к концу дописать цифры css?92863. Как при каждом сохранении автоматически меня…
Добрый день как добавить плавный переход между слайдами
style.transition = "all .9s";
const slides = document.querySelectorAll(‘.slide’); // все картинки в слайдере
const thumbs = document.querySelectorAll(‘.thumbnail…
Я хочу анимировать числа таким образом. После нажатия кнопки «Пуск» мне нужно, чтобы числа менялись от 0 до конечного значения. Кроме того, после нажатия кнопки «Стоп» необходимо вернуть значения в ноль. Это мой проект по физике, и после …
Вот html:
<!DOCTYPE html >
<html>
<head>
<meta charset="utf-8" />
<title>site</title>
</head>
<body>
<form action="../php/send.php" …
пытался реализовать модальные окна на сайте их 3 , проблем лишь в том , что после клика на кнопку закрытия, повторное открытие какого-либо модального окна сопровождается с ошибкой: Uncaught TypeError: Cannot read property ‘classList’ of nu…
Код должен брать число, прибавлять 1 и выводить в элемент html.
let score = document.getElementById(‘score’)
score++
document.getElementById(‘score’).innerHTML = score
есть код:
<html>
<head>
<title>script</title>
<script type="text/javascript">
<script>
setInterval(function(){
document.getElementById("myiframe").src="https://grandgames.net/tak…
У меня на странице несколько таблиц. Пытаюсь средствами html и css у каждой зафиксировать 1-ую строку (заголовок).
<head>
<style>
table {table-layout: fixed;width:98%; height: 250px; margin-top: 16px; border: bla…
На данном этапе у меня вышел такой слайдер Codepen.io
$(‘.slider’).each(function() {
var $this = $(this),
$blockArrows = $(‘.controls-arrows’, $this),
$blockDots = $(‘.controls-dots’, $this),
$slider = $(‘.slick’, $t…
Нужно добавить в spring boot приложение проигрывание звука.
HTML тег не проигрывает.
<audio controls>
<source src=”sound.mp3″ type=”audio/mpeg”>
</audio>
Я так понимаю проблема в том, что передать нужно поток? …
Я пару недель уже пытаюсь в JavaScript, но только сейчас понял, что этот язык я использую только для работы с HTML Canvas. И если есть такая возможность, я бы предпочёл работать в Python.
Однако ни Tkiner, ни какая либо ещё графическая би…
Есть тестовый сайт, на котором уже есть 2 объекта, которые могу хватать и перетаскивать. Работает алгоритм на 2 переменных “div” и “div2” – соответственно они же и id этих двух объектов.
Теперь вопрос, можно ли (предполагаю, что да, но н…
Как можно подключить и использовать PHP в HTML. Я знаю что в самом PHP файле можно через echo” написать необходимый HTML код, но тогда он для меня не очень удобен. Есть ли способ подключить PHP скрипты к готовому HTML? Если можно будет ис…
Мне 14 лет, перехожу в 9 класс. В будущем хочу связать свою жизнь с Web-программированием, пока что я знаю на достаточно хорошем уровне Python. html 5 и CSS 3 прохожу в html academy и могу сверстать простенький сайт , только начал изучать …
Хочу сделать игру, похожую на papers please. Уж сильно мне понравилась ее задумка.
Я уже реализовал всю основную механику. Теперь нужно сделать интерфейс.
Я решил начать с верхней панели, где находится улица
Мне нужно через html canvas сд…
Здравствуйте учусь верстать на bootstrap 4. Нужно сверстать блок на картинке
Но блоки почему то слипаются когда ширина экрана 990px. Как сделать правильно
“use strict”
const dots = document.querySelectorAll(‘.d…
На сайте создал поиск с полем input и type=”search”, разметка Bootstrap 4
В мобильных приложениях где есть Поиск, когда нажимаешь в поле Поиск появляется клавиатура для ввода. Чтоб её закрыть – вверху окна клавиатуры есть кнопка Готово ил…
Я новичек, не сильно разбираюсь в верстке. Но если сверстать – это пол беды, то написать код на JS меня поставило в тупик, помогите пожалуйста написать код на JS и по возможности объяснить. Нужно сделать автоматизированное появление дел сл…
При нажатие на START должно запускаться Video1, а при нажатие на кнопку STOP запускатся Video2 и скрыватся Video1. У меня проблема в том что блок с Video1 скрывается и запускается Video2, но при нажатие на кнопку START не запускается Video…
Свежие комментарии