Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 13.12.2020, 22:36
Новичок на форуме
Отправить личное сообщение для feddim72 Посмотреть профиль Найти все сообщения от feddim72
 
Регистрация: 13.12.2020
Сообщений: 1

как изменять left и top у hover через js что бы иметь возможность провести шар по кон
предполагаю что необходимо создать массив с left и top для hover и для svgElement. После отслеживать через addEventListener местоположение и при необходимости заменять left и top. как это реализовать ??? спасибо за помощь.


const svgElement = document.getElementById('svg');
        svgElement.addEventListener("mousemove", gomouse);

        function gomouse(e) {
            document.addEventListener('mousemove', e => {
                var x = e.pageX;
                var y = e.pageY;
                var coor = "X coords: " + x + ", Y coords: " + y;
                document.getElementById("demo").innerHTML = coor;
            });
        }


body {
    background: url([url]https://frontdevhero.pl/api/assets/thunder.png[/url]) no-repeat top center;
}


img {
    position: absolute;
    left: 55px;
    top: 202px;
    width: 35px;
    transition-duration: 10s;
}

img:hover {
    left: 289px;
    top: 265px;
}


<body>
    <div>
        <img id="svg"
            src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/1f/Wikiexpedition_logo.svg/1200px-Wikiexpedition_logo.svg.png"
            alt="">
    </div>

    <p id="demo"></p>
</body>

https://codepen.io/Fed72/pen/dypNJQN
Ответить с цитированием
  #2 (permalink)  
Старый 13.12.2020, 22:55
Аватар для voraa
Профессор
Отправить личное сообщение для voraa Посмотреть профиль Найти все сообщения от voraa
 
Регистрация: 03.02.2020
Сообщений: 1,927

Попонятнее, пожалуйста
Сообщение от feddim72
необходимо создать массив с left и top для hover
Для чего?
Сообщение от feddim72
при необходимости заменять left и top.
У кого заменять?
Ответить с цитированием
  #3 (permalink)  
Старый 13.12.2020, 23:02
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 32,448

feddim72,
https://learn.javascript.ru/mouse-drag-and-drop
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как улавливать событие редактирования сообщения через VK API? tarasoyi Общие вопросы Javascript 0 25.06.2020 12:28
Некорректно работает код ABitOfJS Общие вопросы Javascript 1 29.05.2020 23:47
Как вы относитесь к наркоманам? Maxmaxmaximus7 Оффтопик 7 05.02.2014 12:29
О фрилансе (Личный опыт) free Оффтопик 105 18.08.2011 17:02
Получится ли колонку посередине? micscr (X)HTML/CSS 13 17.02.2010 01:23