В этой статье описывается метод JS для достижения изменения фонового цвета веб -страницы и цвета в поле выбора одновременно. Поделитесь этим для вашей ссылки. Конкретный метод реализации следующим образом:
Скопируйте код следующим образом: <! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<голова>
<meta http-equiv = "content-type" content = "text /html; charset = gb2312" />
<Title> JS реализует цвет фона веб -страницы и цвет в поле выбора одновременно </title>
</head>
<тело>
<script language = "javascript">
цвета = новый Array ('#fffffff', '#ffccff', '#ff99ff', '#ff66ff', '#ff33ff', '#ff00ff', ' #Fffcc ','#ffccccc ','#ff99cc ','#ff66cc ','#ff33cc ','#ff00cc ','#fff999 ' , '#Ffcc99', '#ff9999', '#ff6699', '#ff3399', '#ff0099', '#fff66', '#ffcc6 6 ','#ff9966 ','#ff6666 ','#ff3366 ','#ff0066 ','#fff33 ','#ffcc33 ','#fff 9933 ','#ff6633 ','#ff3333 ','#ff0033 ','#ffff00 ','#ffcc00 ','#ff9900 ','#ff6600 ','#ff3300 ','#ff0000 ','#ccff ','#cc99ff '#'#'#'#ff0000 ','#ccff ','#ff3300 ' , '#Cc33ff', '#cc00ff', '#ccffcc', '#ccccc', '#cc99cc', '#cc66cc', '#cc33cc ','#CC00CC ','#CCFF99 ','#CC9999 ','#CC9999 ','#CC6699 ','#CC3399 ','#CC00CC 099 ','#ccff66 ','#cccc66 ','#cc9966 ','#cc6666 ','#cc3366 ','#cc0066 ','#cc006 6 ','#ccff33 ','#cc333 ','#cc9933 ','#cc6633 ','#cc3333 ','#cc0033 ','#ccff00 ', '#CCCC00', '#CC9900', '#CC6600', '#CC3300', '#CC0000', '#99ffff', '#99CCFF ','#9999ff ','#9966ff ','#9933ff ','#9900ff ','#99ffcc ','#99CCC ','#99999 CC ','#9966CC ','#9933CC ','#9900CC ','#99ff99 ','#99CC99 ','#999999 ','#996699 ','#993399 ','#990099 ','#99ff66 ','#99CC66 ','#999966 ','#996666 ','#996666 ',' #993366 ','#990066 ','#99ff33 ','#99CC33 ','#999933 ','#996633 ','#993333 ' , '#990033', '#99ff00', '#99CC00', '#999900', '#996600', '#993300', '#99000 0 ','#66ffff ','#66ccff ','#6699ff ','#6666ff ','#6633ff ','#6600ff ','#66 FFCC ','#66CCCC ','#6699CC ','#6666CC ','#6633CC ','#6600CC ','#66ff99 ','# 66CC99 ','#669999 ','#666699 ','#663399 ','#660099 ','#66ff66 ','#66CC66 ', '#669966', '#666666', '#663366', '#660066', '#66ff33', '#66CC33', '#669933 ','#666633 ','#66333 ','#660033 ','#66ff00 ','#66CC00 ','#669900 ','#666600 ',' #663300 ','#660000 ','#33ffff ','#33CCFF ','#3399ff ','#3366ff ','#3366ff ','#33 333ff ','#3300ff ','#33ffcc ','#33CCC ','#3399CC ','#3366CC ','#3333CC ','#3300C C ','#33ff99 ','#33CC99 ','#339999 ','#336699 ','#3333999 ','#3333999 ','#330099 ' , '#33ff66', '#33CC66', '#339966', '#336666', '#333366', '#330066', '#33ff3 3 ','#33CC33 ','#339933 ','#336633 ','#333333 ','#330033 ','#33ff00 ','#3333 CC00 ','#339900 ','#336600 ','#3333000 ','#330000 ','#00ffff ','#00ccff ',' #0099ff ','#0066ff ','#0033ff ','#0000ff ','#00ffcc ','#00ccc ','#0099cc ', '#0066CC', '#0033CC', '#0000CC', '#00FF99', '#00CC99', '#009999', '#006699 ','#003399 ','#0000999 ','#00ff66 ','#00CC66 ','#009966 ','#006666 ','#003 366 ','#000066 ','#00ff33 ','#00CC33 ','#009933 ','#006633 ','#003333 ','#0 00033 ','#00ff00 ','#00cc00 ','#009900 ','#006600 ','#003300 ','#000000 ');
Функция Show (file) {
var url = file.options [file.selectedIndex] .value;
if (document.all || document.layers)
location.href = url;
else if (document.getelementbyid) {
if (url! = не определен)
location.href = url;
}
}
сила варина;
var color1 = colors [math.round (math.random () * (colors.length-1))];
var color2 = colors [math.round (math.random () * (colors.length-1))];
var color3 = colors [math.round (math.random () * (colors.length-1))];
SILLES = '<style type = "text/css"> select {width: 300; высота: 118; переполнение: скрыто; Семейство шрифта: Times New Roman; размер шрифта: 14px; цвет:';
сила += color1;
сила += '; фон:';
сила += color2;
Сила += ';} Body {founal:';
сила += color3;
сила += ';} td {font-family: times new Roman; размер шрифта: 14px; Цвет: #000000;} </style> ';
document.writeln (streng);
</script>
<Таблица сотока сотовой связи = "0" cellPadding = "0">
<form name = "form" target = "_ blank">
<tr>
<Td>
<select name = "showoff" id = "showoff" size = "3" onchange = "show (document.form.showoff)">
<option value = "http://www.163.com"> 163 netease </option>
<option value = "http://www.baidu.com"> Baidu Search </option>
</select>
</td>
</tr>
</form>
</table>
</body>
</html>
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.