Javascript random text — рандом текста на странице

Javascript random textПредставляю Вашему внимаю замечательный скрипт, с помощью которого можно делать random любых элементов на странице, главное чтобы эти элементы были помещены внутри тегов <div> с классом quotes. Очень хорошо этот скрипт подходит, например, для рендома цитат на странице.

Пример:

HTML

Class=»quotes» — обязателен. Без него скрипт не будет работать.
Html может быть любым. Можно даже сделать рендом картинок.

В нашем примере HTML выглядит так:

CSS

Для того, чтобы рендом работал, изначально все блоки на странце нужно скрыть. Это делаем с помощью CSS.
Вставьте в файл CSS стилей:

JS

Под всеми HTML блоками добавляем Javascript. В сам скрипт не нужно вносить никакие изменения.

2 блока текста

Если нужно вывести два блока, при чем, чтобы они НЕ повторялись, тогда скрипт будет такой:

По-моему, очень не плохо получилось.

Попробовать в редакторе


Подпишитесь на RSS канал - если Вы хотите первыми узнавать о новых статьях на сайте!!!

Статьи по теме:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *