Показать сообщение отдельно
  #3 (permalink)  
Старый 26.07.2016, 12:27
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

мигалка на jquery
Vladislav306907,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .mig {
    display: none;
  }

  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
   <script>
$(function() {
    var p = $(".mig"),
        len = p.length,
        indx = 0;
    ! function go() {
        p.eq(indx).fadeIn("slow", function() {
            $(this).delay(1000).fadeOut("slow", go)
        });
        indx = ++indx % len
    }()
});
  </script>
</head>

<body>
<p class="mig">Это тестовое сообщение, сейчас будет твориться чудо</p>
 <p class="mig">Это тестовое сообщение, сейчас будет твориться чудо (2)</p>
 <p class="mig">Это тестовое сообщение, сейчас будет твориться чудо (3)</p>
 <p class="mig">Это тестовое сообщение, сейчас будет твориться чудо (4)</p>



</body>
</html>
Ответить с цитированием