Главная » Файлы » Прочие скрипты » jQuery

Учимся перемешивать любые элементы страницы на jQuery
27.01.15, 10:20:09



Не так давно мне понадобилось простое решение для перемешивания элементов на странице. Самое простое применение - доска объявлений или блоки с баннерами. Такой способ перемешивания позволит вам уравновесить как объявления, так и баннеры (В плане приоритета показа, дабы никто не был обижен, что его баннер или объявление всегда находится в самом низу). Также можете сами придумать, как использовать эту замечательную функцию на своём сайте

Для начала посмотрите ДЕМО

Установка:

После < /head > на нужных страницах вставляйте:
Код
<script>
(function (d) {
  d.fn.shuffle = function (c) {
  c = [];
  return this.each(function () {
  c.push(d(this).clone(true))
  }).each(function (a, b) {
  d(b).replaceWith(c[a = Math.floor(Math.random() * c.length)]);
  c.splice(a, 1)
  })
  };
  d.shuffle = function (a) {
  return d(a).shuffle()
  }
})(jQuery);
</script>


Всё, функция подключена и вы можете использовать её следующим образом:
Код
<div class="aposhuff">Первый</div>
<div class="aposhuff">Второй</div>
<div class="aposhuff">Третий</div>
<div class="aposhuff">Четвёртый</div>
<div class="aposhuff">Пятый</div>
<div class="aposhuff">Шестой</div>

<script>
$('div.aposhuff').shuffle(); // Блоки с классом aposhuff будут перемешиваться после обновления страницы
</script>


Если у вас остались вопросы - можете задать их в комментариях

За основу взята ЭТА статья

Материал подготовлен Apocalypse

Категория: jQuery | Добавил: Apocalypse | Теги: любые, элементы, на, JQuery, перемешивать, Учимся, страницы
Просмотров: 1011 | Загрузок: 0 | Комментарии: 13 | Рейтинг: 1.0/3
Всего комментариев: 0
Имя *:
Email: