UC知道HTML中输入字体颜色和背景颜色点确认就可变化的怎么做????
来源：百度知道 编辑：UC知道 时间：2024/05/26 07:08:59
我只做到这里 可是要求是输入什么颜色字体和背景就变成什么颜色啊 （弹出一模一样的框 再变化的能做吗？？？） 请高手帮忙啊 谢谢
<HTML><HEAD>
<SCRIPT LANGUAGE="JAVASCRIPT">
<!--
function change_color(f_color, b_color)
{
document.fgColor = f_color
document.bgColor = b_color
}
</SCRIPT></HEAD>
<BODY onLoad= "change_color('white', 'blue')">
<H3> JAVASCRIPT中改变字体和背景颜色...</H3><P>
<H5> 请输入颜色 !!! </H5>
<FORM>
字体色 : <INPUT TYPE="color" name="fn1" SIZE="16"><P>
背景色 : <INPUT TYPE="color" name="fn2" SIZE="16"><P>
<INPUT TYPE="button" VALUE="确认" onClick="change_color(fn1, fn2)" >
</FORM>
</BODY>
</HTML>
<HTML><HEAD>
<SCRIPT LANGUAGE="JAVASCRIPT">
<!--
function change_color(f_color, b_color)
{
document.fgColor = f_color
document.bgColor = b_color
}
</SCRIPT></HEAD>
<BODY onLoad= "change_color('white', 'blue')">
<H3> JAVASCRIPT中改变字体和背景颜色...</H3><P>
<H5> 请输入颜色 !!! </H5>
<FORM>
字体色 : <INPUT TYPE="color" name="fn1" SIZE="16"><P>
背景色 : <INPUT TYPE="color" name="fn2" SIZE="16"><P>
<INPUT TYPE="button" VALUE="确认" onClick="change_color(fn1, fn2)" >
</FORM>
</BODY>
</HTML>
<HTML><HEAD>
<SCRIPT LANGUAGE="JAVASCRIPT">
<!--
function change_color()
{
document.fgColor = document.all.form1.fn1.value ;
document.bgColor = document.all.form1.fn2.value ;
}
function initColor()
{
document.fgColor = 'blue' ;
document.bgColor = 'white' ;
}
</SCRIPT></HEAD>
<BODY onload ='initColor()'>
<H3> JAVASCRIPT中改变字体和背景颜色...</H3><P>
<H5> 请输入颜色 !!! </H5>
<FORM name =form1>
字体色 : <INPUT name="fn1" SIZE="16"><P>
背景色 : <INPUT name="fn2" SIZE="16"><P>
<INPUT TYPE="button" VALUE="确认" onClick="change_color()" >
</FORM>
</body>
</html>