Подксажите как сделать так чтобы фон html-элемента менялся случайным образом 
Ищется наиболее интересное решение для следующей задачи. На странице есть элемент blockquote (цитата). Необходимо при каждом обновлении страницы менять фон этого элемента. Всего существует три предустановленных цвета, среди которых и нужно выбрать. Особенно интересно можно ли это сделать без серверного программирования и JavaScript, скажем, на чистом CSS. Для старых браузеров поддержка не нужна, ориентируемся только на самые свежие и продвинутые браузеры.
Я думаю, что решить через CSS данную задачу, не привлекая JavaScript, нельзя, но как показывает практика я в подобных вопросах часто ошибаюсь. Поэтому если есть идеи, то прошу отписаться в комментариях. Если я прав и решить через CSS нельзя, то так же интересует каким образом лучше всего решить данную задачу на Ваш взгляд (JavaScript, серверное программирование или может Flash)?
подписаться на блог
Denis
Гость
На сервере написать функцию которая в зависимости от какой либо переменной изменяет класс у body, а в Css написать:
.red blockquote {background-color:red}
.green blockquote {background-color:green}
Можно конечно и js:
$(’blockquote).each(function(q){$(q).css(background-color’,['red','yellow','green'][(Math.floor(Math.random() * (2 - 0 + 1)))]})
Этот скрипт каждой цитате сделает случайный фон.
Evgeny Sergeev
Веб-разработчик, автор блога codeart.ru
Денис, главный вопрос остался без ответа - можно ли сделать случайную смену фона средствами чистого CSS?
Denis
Гость
Я не знаю способа чистой html + css это сделать. Может если только css3.
dkrnl
Гость
http://net.tutsplus.com/tutorials/php/how-to-create-a-time-based-css-style-sheet-switcher/
Evgeny Sergeev
Веб-разработчик, автор блога codeart.ru
Дима, спасибо за ссылку! Тебе такой же вопрос - на CSS никак нельзя? Даже на 3-ем?
dkrnl
Гость
никак, в css3 нет понятия timeline, для этого нужен JS.
Evgeny Sergeev
Веб-разработчик, автор блога codeart.ru
Дим, не уловил насчет timeline. Мне нужно чтобы просто при открытии страницы рандомно выбирался цвет фона. Никакой анимации
Leave a Reply