Cet article décrit la méthode de JS pour réaliser le changement de la couleur d'arrière-plan de la page Web et la couleur de la boîte de sélection en même temps. Partagez-le pour votre référence. La méthode de mise en œuvre spécifique est la suivante:
Copiez le code comme suit: <! 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">
<adal>
<meta http-equiv = "content-type" content = "text / html; charset = gb2312" />
<Title> JS implémente la couleur d'arrière-plan de la page Web et la couleur de la boîte de sélection en même temps </TITAL>
</ head>
<body>
<script linguisse = "javascript">
Colors = New Array ('# fffffff', '# ffccff', '# ff99ff', '# ff66ff', '# ff33ff', '# ff00ff', '# fffcc', '# ffcccc', '# ff99cc' ', # fffcc', '# ffcccc' , '# 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 ' , '# 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 ' 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 ',' # 666666c ',' # 66cccc ',' # 6699c ',' # 66666cc ',', '# 6633cc', '# 6600CC' 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', '# 33366', '# 330066', '# 33FF3 3 ',' # 33cc33 ',' # 339933 ',' # 336633 ',' # 333333 ',' # 330033 ',' # 33FF00 ',' # 3333 CC00 ',' # 339900 ',' # 336600 ',' # 3333000 ',' # 330000 ',' # 00FFFF ',' # 00CCFF ',' # 0099FF ',' # 0066FF ',' # 0033FF ',', '# 0099 '# 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 ');
fonction show (file) {
var url = file.options [file.selectedIndex] .Value;
if (document.all || document.layers)
location.href = url;
else if (document.getElementByid) {
si (url! = Undefined)
location.href = url;
}
}
Var Force;
var color1 = couleurs [math.round (math.random () * (couleurs.length-1))];
var color2 = couleurs [math.round (math.random () * (couleurs.length-1))];
var color3 = couleurs [math.round (math.random () * (couleurs.length-1))];
force = '<style type = "text / css"> select {width: 300; hauteur: 118; débordement: caché; Font-Family: Times New Roman; taille de police: 14px; couleur:';
Force + = Color1;
force + = '; arrière-plan:';
Force + = Color2;
force + = ';} corps {fond:';
Force + = Color3;
Force + = ';} td {Font-Family: Times New Roman; taille de police: 14px; Couleur: # 000000;} </ style> ';
document.writeln (streng);
</cript>
<table cellpacing = "0" cellpadding = "0">
<form name = "form" cible = "_ blanc">
<tr>
<TD>
<select name = "showoff" id = "showoff" size = "3" onchange = "show (document.form.showoff)">
<Option Value = "http://www.163.com"> 163 netEase </opoption>
<Option Value = "http://www.baidu.com"> Baidu Search </ Option>
</lect>
</td>
</tr>
</ form>
</ table>
</docy>
</html>
J'espère que cet article sera utile à la programmation JavaScript de tous.