Вывод случайных данных для uCoz by webo4ka.ru
1107
10 из 10
Проголосовало: 4
Проголосовало: 4
У Вас интересный, быстро растущий сайт, на котором сотни пользователей узнают не одну сотню гигабайтов информации, но Вы бы не хотели загружать сайт этими никому не интересными и ненужными блоками, для доведения какой-либо информации... Вы хотели бы чтобы в одном блоке выводилось много информации, но не вся сразу а при каждом обновлении разная, что бы у пользователей не замасливались глаза смотря на одно и тоже, а было интересно смотреть постоянно на новое и новое, и причем это новое было в одном и том же блоке!?
Как раз с помощью данного скрипта Вы сможете сделать данное чудо, и Вам не придется ломать голову как добавить в скрипт ещё и ещё информации, так как эта информация добавляется очень просто, что даже не опытный пользователь персонального компьютера поймет, как добавить разный выводимый текст, видео, картинку, музыку и т.д. Я в коде я написал пять примеров вывода случайного текста, но Вы можете сделать сколько Вам необходимо, больше или меньше, решать Вам... Ну перейдём к установке:
Установка:
В нужное место вставляем данный код:
Код
<div id="spicokVivod">Загрузка...</div>
<div id="spicok" style="display:none;">
<span>текст 1.</span>
<span>текст 2.</span>
<span>текст 3.</span>
<span>текст 4.</span>
<span>текст 5.</span>
</div>
<script>
$(function () {
var spicok = $('#spicok span');
spicok = spicok.eq(Math.floor(Math.random() * spicok.length));
$('#spicokVivod').html(spicok);
});
</script>
<div id="spicok" style="display:none;">
<span>текст 1.</span>
<span>текст 2.</span>
<span>текст 3.</span>
<span>текст 4.</span>
<span>текст 5.</span>
</div>
<script>
$(function () {
var spicok = $('#spicok span');
spicok = spicok.eq(Math.floor(Math.random() * spicok.length));
$('#spicokVivod').html(spicok);
});
</script>
На этом всё...
Автор публикации: Загрузка
Загрузка
- Всего комментариев: 5
0
|
Вовчик, спасибо)) а как сделать кнопку ещё чтобы можно было сменить текст без обновления страницы?
|
+1
|
+1
|
Неудачная идея.
Можно просто еще раз выполнить эту функцию, и текст заменится. |
+1
|
load скрипты не подгружает... Нужно просто функцию выполнить еще раз...
|
|
0
|
Код <div id="random_data">Загрузка...</div> <span id="random_data_refresh">Обновить</span> // Разукрасить как угодно ч/з стили, чтоб кнопка получилась <script> (function() { var list_data = [ 'Текст 1', 'Текст 2', 'Текст 3', 'Текст 4', 'Текст 5' ]; function random_data_f() { document.getElementById('random_data').textContent = list_data[Math.floor(Math.random() * list_data.length)]; }; random_data_f(); document.getElementById('random_data_refresh').addEventListener('click', random_data_f); })(); </script> |
- Оставить комментарий:
Меню сайта
Категории
Мини-чат
Последние комментарии
Это моя работа, которая велась давольно таки давно 
Времени было мало, поэтому я скачал полностью все, что было и сделал архив 
Времени было мало, поэтому я скачал полностью все, что было и сделал архив 
Последние темы
Опрос
Статистика
| 0 онлайн |
0 наших |
0 чужих |
0
Сегодня были
Топ пользователей:
| | |  |  |  |  |
 |  | |  |  |  |
- Обратная связь
- Правила
- RSS
- +18
- Мобильная версия
- Хостинг от uCoz
- Copyright - webo4ka.ru © 2010-2025 г.
- Design by Вовчик Администратор:)