In diesem Artikel wird die Methode von JS beschrieben, um die Änderung der Hintergrundfarbe der Webseite und die Farbe im Feld auszuwählen. Teilen Sie es für Ihre Referenz. Die spezifische Implementierungsmethode lautet wie folgt:
Kopieren Sie den Code wie folgt: <! 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">
<kopf>
<meta http-äquiv = "content-type" content = "text /html; charset = gb2312" />
<titels> js implementiert die Webseiten -Hintergrundfarbe und die Farbe im Feld Select -Box gleichzeitig </title>
</head>
<body>
<script Language = "JavaScript">
colors = new 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','#CCFFFF','#CC99FF','#CC66FF' , '#Cc33ff', '#cc00ff', '#ccffcc', '#cccccc', '#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','#99CCCC','#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','#66FFCC','#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 ','#33cccc ','#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','#00CCCC','#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 ');
Funktionshow (Datei) {
var url = file.options [file.selectedIndex] .Value;
if (document.all || document.layers)
location.href = url;
sonst if (document.getElementById) {
if (url! = undefiniert)
location.href = url;
}
}
var Stärke;
var color1 = farben [math.round (math.random () * (farben.length-1))];
var color2 = farben [math.round (math.random () * (farben.length-1))];
var color3 = farben [math.round (math.random () * (farben.length-1))];
streng = '<style type = "text/css"> select {width: 300; Höhe: 118; Überlauf: versteckt; Schriftfamilie: Times New Roman; Schriftgröße: 14px; Farbe:';
Stärke += color1;
Stärke += '; Hintergrund:';
Stärke += color2;
Stärke += ';} Körper {Hintergrund:';
Stärke += color3;
Stärke += ';} td {Schriftfamilie: Times New Roman; Schriftgröße: 14px; Farbe: #000000;} </style> ';
document.writeln (streeng);
</script>
<Table Cellpacing = "0" cellpadding = "0">
<Formular name = "Form" target = "_ leer">
<tr>
<td>
<select name = "shoop" id = "shoop" 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>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.