JavaScript下拉式顏色選擇器

2024-09-05 12:21:47

字體：大中小

供稿：網(wǎng)友

基于JavaScript的下拉框式顏色選擇器，使更換網(wǎng)頁背景顯得更加容易，在下拉框中任選一顏色單擊，網(wǎng)頁就會隨時變?yōu)槟氵x的顏色，你可以把它用在更換網(wǎng)頁的顏色風(fēng)格上很方便。

<html><head><title>下拉式顏色選擇器</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head><body><center><table cellpadding="0" cellspacing="0"><tr><td align=center>下面為效果顯示區(qū)</td></tr><tr><td align=center><FORM><SELECT name=clr onChange="document.bgColor=this.options[this.selectedIndex].value"><OPTION VALUE="blue">blue<OPTION VALUE="aquamarine">aquamarine <OPTION VALUE="chocolate">chocolate<OPTION VALUE="darkred">dark red<OPTION VALUE="gold">gold<OPTION VALUE="red">red<OPTION VALUE="yellow">yellow<OPTION VALUE="hotpink">hotpink<OPTION VALUE="lime">lime<OPTION VALUE="darkkhaki">dark khaki<OPTION VALUE="cadetblue ">cadet blue <OPTION VALUE="darkgoldenrod">dark goldenrod<OPTION VALUE="darkslateblue">dark slate blue<OPTION VALUE="deeppink">deep pink<OPTION VALUE="darksalmon">dark salmon<OPTION VALUE="salmon">salmon<OPTION VALUE="tan">tan<OPTION VALUE="wheat">wheat<OPTION VALUE="tomato">tomato<OPTION VALUE="springgreen">springgreen<OPTION VALUE="turquoise">turquoise<OPTION VALUE="FFFFFF" SELECTED> White</select></form></td></tr></table></center><br><br><center><SCRIPT LANGUAGE="JavaScript"></script></center></body></html>

上一篇：下大雨效果的網(wǎng)頁背景，你肯定喜歡

下一篇：百葉窗網(wǎng)頁過濾效果