当前位置:编程学习 > JS >>

JavaScript下拉式颜色选择器

基于JavaScript的下拉框式颜色选择器,使更换网页背景显得更加容易,在下拉框中任选一颜色单击,网页就会随时变为你选的颜色,你可以把它用在更换网页的颜色风格上很方便。
答案:<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>下面为效果显示区</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">
<!--
function goHist(a) 
{
   history.go(a);
}
//-->
</script></center>
</body>
</html>

上一个:纯CSS实现的背景渐变条
下一个:JS实现的闪电背景特效

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,