Случайные фоне CSS

Нажмите на Facebook!
Выдвинутый на Twitter!
Выдвинутый на Plurk!


Сегодня я хочу личного блога на другой фон фоном, сейчас очень популярны написанные на CSS внутри.
Выбрал несколько фотографий, но CSS можно задать только фон.
Как

 
 2
 3
  тело {
	 url ( http : //img401 .imageshack .us/img401/ 7982 /speedlikecy01.jpg ) center no-repeat Справочная информация: URL (. http:/ / img401 ImageShack .us/img401 / 7982 / speedlikecy01.jpg) центр не повторять
	 } 

Но может быть установлен только на один, кажется, немного скучно.
Подумайте об идеальном, каждый раз при открытии блога случайно увидеть другой фон.
Случайные CSS фон rotater

Найти в Интернете, но они должны быть встроены в веб-страницы внутри. Это просто изменить PHP или HTML.
Я хочу, чтобы URL фоне CSS, а затем автоматически и случайным образом отображать различный фон.

Идеально плюс поиск в сети, и, наконец, думали с помощью простого PHP достичь.

? Скачать random_css_background.php
 
 2
 3
 4
 5
 6
 7
 8
 9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 $images = array ( "http://img541.imageshack.us/img541/378/smilesn.jpg" , "http://img401.imageshack.us/img401/7982/speedlikecy01.jpg" , "http://img338.imageshack.us/img338/9566/speedlikecy02.jpg" , "http://img535.imageshack.us/img535/75/taiwanlanyu.jpg" , "http://img686.imageshack.us/img686/1931/togetherhand.jpg" , ) ; //random function //乱数函数 srand ( time ( ) ) ; //set the images number in (rand()%5); this sample is 5 //设定图片的数目 $random = ( rand ( ) % 5 ) ; //output to url //输出结果 header ( 'Location:' . $images [ $random ] ) ; ?> <? Php / **************************** ********************************** Пожалуйста, не удаляйте сообщение для отладки * Название: * Версия random_css_background.php : 1.0 @ 9 июля 2010 * Автор: speedlikecy * Веб-сайт: speedlikecy.001zone.com ******************************* Вы ************************************************* можно получить подробный отсюда http://diy.001zone.com/blog/352/random-css-background Проверка образца speedlikecy.001zone.com Пожалуйста, не стесняйтесь использовать его и связаться со мной по какой-либо причине Характеристика: Случайные и вращать вывод изображения Ссылка для использования стилей CSS: 1.Скачать этого кода и редактирование "random_css_background.php" 2.Upload на сайт 3.Replace URL в стиль CSS "фон... URL (http://example . COM / random_css_background.php) "****************************************** ************************************* / / / установить изображение адресов в / / установить изображение расположение изображения $ = массив ("http://img541.imageshack.us/img541/378/smilesn.jpg" http://img401.imageshack.us/img401/7982/speedlikecy01.jpg~~V "," douban.com / img338.imageshack.us/img338/9566/speedlikecy02.jpg~~V "," http://img535.imageshack.us/img535/75/taiwanlanyu.jpg~~V "," http://img686.imageshack.us/img686/1931 / togetherhand.jpg "); / / случайная функция / / случайное число функций srand ( время ()); / / установить изображение номер (RAND ()% 5), этот образец 5 / / устанавливаем количество фотографий $ случайный = ( рандов ()% 5); / / вывод URL / / вывода заголовков («Место: '. $ изображения [$ случайные]);?> 

Как использовать:

random_css_background.zip
Копирование или скачать этот код, изменять, загружать в Интернет.
Изменение CSS, таких как справочная информация: URL (http://example.com/random_css_background.php).
Завершено.

Пример:

speedlikecy.001zone.com
Каждый тур будет случайным образом заменить фоновое изображение.


Другие применения:

CSS + DIV.

? Скачать sample.css
 
 2
 3
  # {Random_img
	 url ( http://example.com/random_css_background.php ) center no-repeat ; Справочная информация: URL (http://example.com/random_css_background.php) центр не повторять;
	 } 
 
  <div id="random_img"> <! --- ваш содержать ---> </ div> 

Прямые вызовы

 
  <img src="http://example.com/random_css_background.php"/> 

Количество связанных сообщений.


Оставить комментарий

XHTML: Вы можете использовать эти теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>