В этом примере статьи описывается метод случайного генерации цветов веб -фона с помощью JS. Поделитесь этим для вашей ссылки. Конкретный метод реализации следующим образом:
Скопируйте код следующим образом: <html>
<Голова>
<Title> JS Special Effects случайно сгенерированный цвет веб -страницы </title>
<style>
.30pt {font-size: 30pt; color:#de3076}
</Style>
<Script language = "javascript">
<!-
color = new Array ("0", "3", "6", "9", "C", "f");
скорость = 250;
document.bgcolor = "fffff";
bg = new Array ("ffffff", "ffffff", "ffffff");
функция begin () {
document.form.col1.value = "x"; document.form.col2.value = "x";
document.form.col3.value = "x"; i = 0; рулет (скорость);
}
Функциональный рулон (SpeedB) // КОЛЕС
{
if (document.form.col1.value == "x") {
document.form.c1.value = document.form.b1.value;
document.form.b1.value = document.form.a1.value;
document.form.a1.value =
Цвет [math.round (math.random ()*10)%6]+
Цвет [Math.Round (Math.Random ()*10)%6]; // Использовать случайные функции для генерации значений цвета на колесе
}
if (document.form.col2.value == "x") {
document.form.c2.value = document.form.b2.value;
document.form.b2.value = document.form.a2.value;
document.form.a2.value =
Цвет [math.round (math.random ()*10)%6]+
Цвет [Math.Round (Math.Random ()*10)%6];
}
if (document.form.col3.value == "x") {
document.form.c3.value = document.form.b3.value;
document.form.b3.value = document.form.a3.value;
document.form.a3.value =
Цвет [math.round (math.random ()*10)%6]+
Цвет [Math.Round (Math.Random ()*10)%6];
}
setTimeout ("roll ("+speedb+")", speedb);
}
Функция остановка (col) // Колесо останавливается
{
if (col == 1) {document.form.col1.value = ""; i ++;}
if (col == 2) {document.form.col2.value = ""; i ++;}
if (col == 3) {document.form.col3.value = ""; i ++;}
if (i == 3) {
bg [0] = document.form.a1.value+
document.form.a2.value+
document.form.a3.value;
bg [1] = document.form.b1.value+
document.form.b2.value+
document.form.b3.value;
bg [2] = document.form.c1.value+
document.form.c2.value+
document.form.c3.value;
Speedb = 500000; Roll (SpeedB);
}
}
Просмотр функции (буква) // Предварительный просмотр цвета
{
document.bgcolor = bg [буква];
document.form.color.value = "#"+bg [буква];
}
->
</script>
</head>
<Центр>
<br> <br> <br> <br>
<form name = "form">
<таблица CellPadding = 2 Border = 1>
<tr> <td align = center>
<input type = text name = "a1" size = 3 onfocus = "this.blur ()" value = "">
<input type = text name = "a2" size = 3 onfocus = "this.blur ()" value = "">
<input type = text name = "a3" size = 3 onfocus = "this.blur ()" value = "">
<input type = кнопка onclick = "view (0)" value = "preview"> <br>
<input type = text name = "b1" size = 3 onfocus = "this.blur ()" value = "">
<input type = text name = "b2" size = 3 onfocus = "this.blur ()" value = "">
<input type = text name = "b3" size = 3 onfocus = "this.blur ()" value = "">
<input type = кнопка onclick = "view (1)" value = "preview"> <br>
<input type = text name = "c1" size = 3 onfocus = "this.blur ()" value = "">
<input type = text name = "c2" size = 3 onfocus = "this.blur ()" value = "">
<input type = text name = "c3" size = 3 onfocus = "this.blur ()" value = "">
<input type = кнопка onclick = "view (2)" value = "preview"> <br>
<input type = кнопка onclick = "stop (1)" value = "x" name = "col1">
<input type = кнопка onclick = "stop (2)" value = "x" name = "col2">
<input type = кнопка onclick = "stop (3)" value = "x" name = "col3">
</td>
<td Valign = Middle Align = Center>
<input type = кнопка onclick = "begin ()" value = "start!"> <p>
<таблица bgcolor = fffff border = 1 cell -spacing = 0>
<tr> <td align = center valign = middle> нажмите «x», и колесо останавливается ... <p>
Bg color = <input type = text size = 7 value = "#ffffff" name = color>
</td> </tr>
</table>
</td> </tr>
</table>
</form>
</center>
<таблица класса = 30pt>
<tr> <td> Случайная генерация цвета
</tr> <tr> <td> Нажмите кнопку «Пуск» и три ряда колес на правом начале.
</tr> <tr> <td> Нажмите три кнопки X, чтобы установить значение цвета
</tr> <tr> <td> Нажмите кнопку предварительного просмотра, чтобы увидеть цветовой эффект
</tr>
</table> <p>
</Body>
</Html>
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.