Сегодня друг спросил меня о Weibo, могу ли я использовать JS и CSS, чтобы страница обновлялась случайным образом создавать фоновое изображение каждый раз, когда я обновляю его. Вы можете сделать это специально:
1. Используйте JS, чтобы определить массив изображений, в котором хранятся изображения, которые вы хотите отобразить случайным образом
Кода -копия выглядит следующим образом:
var imgarr = ["http://www.google.com.hk/intl/zh-cn/images/logo_cn.png",
"http://www.baidu.com/img/baidu_sylogo1.gif",
"http://www.open-open.com/news/uploadimg/20120111/20120111081906_79.jpg",
"http://www.open-open.com/news/uploadimg/20120111/20120111081906_76.jpg"
];
Я нашел здесь 4 картины и посмотрел.
2. Используйте JS для генерации случайного числа, конечно, это случайное число начинается с 0 и заканчивается с imgarr.length-1.
Кода -копия выглядит следующим образом:
var index = parseint (math.random ()*(imgarr.length-1));
Таким образом, мы получаем в настоящее время случайно сгенерированное изображение
Кода -копия выглядит следующим образом:
var currentImage = imgarr [index];
3. Поскольку фоновое изображение было сгенерировано случайным образом, используйте JS для использования этого изображения в качестве фонового изображения.
Кода -копия выглядит следующим образом:
document.getElementbyId ("founalarea"). style.backgroundimage = "url ("+currentimage+")";
Поскольку это демонстрация, я определил Div с идентификатором фоновой планы на странице, а также установил случайный фон для этого Div.
Кода -копия выглядит следующим образом:
<div id = "founalarea">
</div>