이 기사에서는 웹 페이지의 배경색 변경과 동시에 선택 상자의 색상을 달성하기위한 JS 방법에 대해 설명합니다. 참조를 위해 공유하십시오. 특정 구현 방법은 다음과 같습니다.
코드를 다음과 같이 복사하십시오.
<html xmlns = "http://www.w3.org/1999/xhtml">
<헤드>
<meta http-equiv = "content-type"content = "text /html; charset = gb2312" />
<title> js는 웹 페이지 배경 색상과 동시에 선택 상자의 색상을 구현합니다 </title>
</head>
<body>
<script language = "javaScript">
색상 = 새로운 배열 ( '#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 ','#cc9ff ','#cc66f ' , '#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 ','#66 ffcc ','#66cccc ','#6699cc ','#6666cc ','#6633cc ','#6600cc ','#66ff99 ','# 66cc99 ','#669999 ','#666699 ','#663399 ','#660099 ','#66ff66 ','#66cc66 ', '#669966', '#666666', '#663666', '#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', '#33966', '#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 ');
함수 쇼 (파일) {
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 강도;
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))];
강도 = '<스타일 유형 = "text/css"> select {너비 : 300; 높이 : 118; 오버플로 : 숨겨진; Font-Family : Times New Roman; 글꼴 크기 : 14px; 색상:';
강도 += color1;
강도 += '; 배경:';
강도 += 색상 2;
강도 += ';} body {배경 :';
강도 += color3;
강도 += ';} td {font-family : Times New Roman; 글꼴 크기 : 14px; 색상 : #000000;} </style> ';
document.writeln (streng);
</스크립트>
<table cellPacing = "0"CellPadding = "0">
<form name = "form"target = "_ blank">
<tr>
<td>
<select name = "showoff"id = "showoff"size = "3"onchange = "show (document.form.showoff)">
<옵션 값 = "http://www.163.com"> 163 Netease </옵션>
<옵션 값 = "http://www.baidu.com"> Baidu 검색 </옵션>
</선택>
</td>
</tr>
</form>
</테이블>
</body>
</html>
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.