Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 20.03.2018, 18:43
Аватар для Esm1nec
Новичок на форуме
Отправить личное сообщение для Esm1nec Посмотреть профиль Найти все сообщения от Esm1nec
 
Регистрация: 18.03.2018
Сообщений: 5

Сообщение от рони Посмотреть сообщение
Esm1nec,

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  body{
    background:#000;
  }

  ul{
    list-style:none;
    font-size:50px;
    display:flex;
    justify-content: center;
  }

  ul a{
    text-decoration:none;
    color:#FFF;
  }

  ul li{
    margin:20px;
  }

  .isTextAnimated span{
    transition: .6s;
    color:#666;
    animation:trololo 2.4s linear infinite;
  }

  .isTextAnimated:hover span{
    animation:none;
    color:#FFF;

  }

  @keyframes trololo{
    30%,70%{
      color:#666;
    }

    50%{
      color:#FFF;
    }
  }
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script>
$(function() {
  var e = $("#shining-text");
  var text = e.text();
  e.html("");
  for (var i = 0; i < text.length; i++) {
    var span = $("<span></span>", {style:"animation-delay :" + i * 100 + "ms;"}).text(text.charAt(i));
    e.append(span);
  }
  e.addClass("isTextAnimated");
});
  </script>
</head>

<body>

<nav itemscope itemtype="http://schema.org/SiteNavigationElement">
    <ul class="uk-navbar-nav uk-hidden-small">
        <li class='uk-active' itemprop="name"><a href="/" itemprop="url">Главная</a></li>
        <li  itemprop="name"><a href="/avtopark.php" itemprop="url" id="shining-text">Автопарк</a></li>
        ...
</ul>
</nav>

</body>
</html>
ОГРОМНОЕ спасибо за помощь!!! Действительно этот вариант намного проще Пришлось его прикручивать через костыли, ибо куча разных конфликтующих скриптов.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
События при наведении мыши Nataly12 Элементы интерфейса 11 19.09.2014 15:42
jcarousel остановка при наведении Aeooe jQuery 3 26.08.2014 17:01
Смена картинки с ссылкой при наведении мыши в таблице makc0993 Элементы интерфейса 6 17.02.2013 15:44
Многократный запуск скрипта при наведении мыши AcidCrash Элементы интерфейса 7 08.07.2011 11:02
Как сделать, чтобы при наведении на кнопку справа от нее появлялись текстовые ссылки? Tass Общие вопросы Javascript 7 17.02.2011 08:06