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

случайный вывод блоков
LADYX,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
   #elements div {
  display: none;
}
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script>
$(function() {
  var n = 5, divs = $('#elements div').get();
  for ( ; n--; )  {
  $(divs.splice(Math.random()*divs.length|0,1)).prependTo('#elements').show();
  }
});

  </script>
</head>

<body>

<div id="elements">
  <div id="container-1">
    Текст 1
  </div>
  <div id="container-2">
    Текст 2
  </div>
  <div id="container-3">
    Текст 3
  </div>
  <div id="container-4">
    Текст 4
  </div>
  <div id="container-5">
    Текст 5
  </div>
</div>

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