В этой статье описывается метод случайного переключения фоновых изображений на JS. Поделитесь этим для вашей ссылки. Конкретный метод реализации следующим образом:
Прежде всего, вам нужно подготовить несколько изображений. Размер изображения (будь то размер или размер данных) должен управлять хорошо. Если он слишком большой, это сделает пользователь неспособным ждать, чтобы просмотреть полную картину и выпрыгнуть. Если он слишком мал, это повлияет на качество страницы.
Поправить эти изображения в массив в скрипте для легкого вызова. Длина массива, конечно, является количеством изображений.
Скопируйте код следующим образом: var bodybgs = []; // Создать переменную массива для хранения пути к фоновому изображению
Bodybgs [0] = "Images/01.jpg";
Bodybgs [1] = "Images/02.jpg";
Bodybgs [2] = "Images/03.jpg";
Bodybgs [3] = "Images/04.jpg";
Bodybgs [4] = "Images/05.jpg";
Поскольку 5 изображений используются выше, здесь необходимо генерировать случайное число от 0 до 4. Если длина массива отличается, просто измените множитель в следующем коде.
Кода кода следующая: var randombgindex = math.round (math.random () * 4);
Это основные программы. Хотя это очень просто, это небольшая идея. Если вы используете это в качестве основы, некоторые расширенные функции могут быть выполнены с помощью обработки. Например: переключение тем и другие случайные презентации и т. Д. Ниже приведены полный код JS.
Скопируйте код следующим образом: <script type = "text/javascript">
// <! Cdata [
var bodybgs = [];
Bodybgs [0] = "Images/01.jpg";
Bodybgs [1] = "Images/02.jpg";
Bodybgs [2] = "Images/03.jpg";
Bodybgs [3] = "Images/04.jpg";
Bodybgs [4] = "Images/05.jpg";
var randombgindex = math.round (math.random () * 4);
// Вывод случайного фонового изображения
document.write ('<style> body {fourangh: url (' + bodybgs [randombgindex] + ') без повторного перепорачивания 50% 0} </style>');
//]]>
</script>
Я надеюсь, что описание в этой статье будет полезно для каждого веб -программирования на основе JavaScript.