Javascript.RU

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

Проигрываение onmouseover до конца
Помогите, пожалуйста с такой проблемой.
Есть элемент (PersonalToolbar), который двигается и появляется (типа выезжает) при наведении мышки на некую кнопку (show-PersonalToolbar).
Если я убираю мышку от кнопки действие приостанавливается.
Как сделать так, чтобы, если навел мышку на кнопку (onmouseover), действие начало выполняться, убрал мышку в сторону, а оно (это действие) продолжает дальше выполняться до конца без остановки?

В общем, мне нужно, чтобы действие onmouseover (длится несколько секунд) отработало до конца, не смотря на то, что я убрал в сторону указатель мыши. Спасибо.

Кусок кода, чтобы понять, где этот onmouseover вписан:

PersonalToolbar = document.getElementById('PersonalToolbar');

document.getElementById("show-PersonalToolbar").onmouseover = function() {
  PersonalToolbar.style.marginTop = "inherit";
  PersonalToolbar.style.opacity = "1.0"; 
  PersonalToolbar.style.transitionDelay = "0.3s";
  }

Последний раз редактировалось yuriymos, 17.04.2018 в 01:46.
Ответить с цитированием
  #2 (permalink)  
Старый 17.04.2018, 02:18
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

yuriymos,
а почему оно должно остановиться?
Ответить с цитированием
  #3 (permalink)  
Старый 17.04.2018, 02:34
Новичок на форуме
Отправить личное сообщение для yuriymos Посмотреть профиль Найти все сообщения от yuriymos
 
Регистрация: 17.04.2018
Сообщений: 5

Я как раз и не хочу, чтобы оно останавливалось. Но как только я увожу с позиции указатель мыши, движение блока прекращается, как будто кто-то нажал на паузу. Только подведу, опять продолжает блок двигаться, уберу - опять останавливается.
Ответить с цитированием
  #4 (permalink)  
Старый 17.04.2018, 02:48
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

yuriymos,
сделайте минимальный макет.
Ответить с цитированием
  #5 (permalink)  
Старый 17.04.2018, 02:52
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

yuriymos,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">


  <style type="text/css">
  div.hot{
      width: 300px;
      height: 100px;
      border: 1px dashed Gray;
      padding: 5px;
  }
  .Red{
      background-color: Red;
      transition-duration: 8s;
      opacity: 0;
  }

  </style>
</head>

<body>
<button id="show-PersonalToolbar">show-PersonalToolbar</button>


<div class="hot Red" id="PersonalToolbar"></div>
<script>
PersonalToolbar = document.getElementById('PersonalToolbar');

document.getElementById("show-PersonalToolbar").onmouseover = function() {
  PersonalToolbar.style.marginTop = "inherit";
  PersonalToolbar.style.opacity = "1.0";
  PersonalToolbar.style.transitionDelay = "0.3s";
  }

  </script>
</body>
</html>
Ответить с цитированием
  #6 (permalink)  
Старый 17.04.2018, 03:14
Новичок на форуме
Отправить личное сообщение для yuriymos Посмотреть профиль Найти все сообщения от yuriymos
 
Регистрация: 17.04.2018
Сообщений: 5

рони, спасибо. Проверил. Работает, как и должно без остановок.
Дело в том, что я настраиваю для себя внешний вид фаерфокса и хотел сделать так, чтобы при наведению на кнопку выезжала некоторая панель. Навожу. Она начинает выезжать. Но чтобы она выехала до конца, нужно держать указатель мыши над кнопкой, иначе возникает что-то типа паузы анимации. Я не знаю почему, видать, у фаерфокса закодили так, чтобы прекращалась анимация при onmouseout.
Интересно, можно ли на jscript написать такой код, чтобы анимация transition отработала до конца?
Ответить с цитированием
  #7 (permalink)  
Старый 17.04.2018, 09:02
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Сообщение от yuriymos
у фаерфокса закодили так
вы что-то не договариваите ...
Сообщение от yuriymos
можно ли на jscript написать такой код
да
JS-Анимация
Ответить с цитированием
  #8 (permalink)  
Старый 17.04.2018, 09:25
Новичок на форуме
Отправить личное сообщение для yuriymos Посмотреть профиль Найти все сообщения от yuriymos
 
Регистрация: 17.04.2018
Сообщений: 5

Спасибо. Посмотрю. Если получится, отпишусь.
Ответить с цитированием
  #9 (permalink)  
Старый 17.04.2018, 14:01
Новичок на форуме
Отправить личное сообщение для yuriymos Посмотреть профиль Найти все сообщения от yuriymos
 
Регистрация: 17.04.2018
Сообщений: 5

Еще раз спасибо!
Заработало!!!
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите с информационым таймером Александр2233 Javascript под браузер 22 11.12.2019 12:31
Изменения при достижении конца страницы! Код прикрепляю Danilkin500 Элементы интерфейса 14 12.12.2016 23:07
Цикл не отрабатывает до конца diakon Общие вопросы Javascript 5 09.09.2013 15:18
OnMouseOver и Дети Элемента Ваcя Общие вопросы Javascript 7 21.11.2011 12:42
FireFox: onmouseover не работает при зажатой кнопке мыши no. Общие вопросы Javascript 4 19.08.2008 13:43