Главная » Файлы » Прочие скрипты » 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 | |
Просмотров: 1169 | Загрузок: 0 | Комментарии: 13 | |
Всего комментариев: 0 | |
| |