将下面的代码放到<body></body>之间合适的位置，可以动态改变页面的背景颜色。
<!--改变背景色-->
<script language="JavaScript1.2">
function MySetBgColor(lst){
if(lst==0)
{
document.bgColor="#000000"
}
else if(lst==1)
{
document.bgColor="#BD59B6"
}
else if(lst==2)
{
document.bgColor="#9894B1"
}
else if(lst==3)
{
document.bgColor="#008080"
}
else if(lst==4)
{
document.bgColor="#008000"
}
else if(lst==5)
{
document.bgColor="#AAAE60"
}
else if(lst==6)
{
document.bgColor="#9E745A"
}
else if(lst==7)
{
document.bgColor="#FA9D7E"
}
else
{
document.bgColor="#c08080"
}
}
</script>
<font color="#00FF00">请点击改变背景颜色：</font>
<table border="3" cellpadding="0" cellspacing="0" width="40" bordercolor="#C0C0C0" bordercolordark="#800080" bordercolorlight="#808080">
<tr>
<span class="MybgClr" onClick="MySetBgColor(0);event.cancelBubble=true">
<td bgcolor="#000000" style="CURSOR:hand"> </td>
</span>
<span class="MybgClr" onClick="MySetBgColor(1);event.cancelBubble=true">
<td bgcolor="#BD59B6" style="CURSOR:hand"> </td>
</span>
<span class="MybgClr" onClick="MySetBgColor(2);event.cancelBubble=true">
<td bgcolor="#9894B1" style="CURSOR:hand"> </td>
</span>
<span class="MybgClr" onClick="MySetBgColor(3);event.cancelBubble=true">
<td bgcolor="#008080" style="CURSOR:hand"> </td>
</span>
<span class="MybgClr" onClick="MySetBgColor(4);event.cancelBubble=true">
<td bgcolor="#008000" style="CURSOR:hand"> </td>
</span>
<span class="MybgClr" onClick="MySetBgColor(5);event.cancelBubble=true">
<td bgcolor="#AAAE60" style="CURSOR:hand"> </td>
</span>
<span class="MybgClr" onClick="MySetBgColor(6);event.cancelBubble=true">
<td bgcolor="#9E745A" style="CURSOR:hand"> </td>
</span>
<span class="MybgClr" onClick="MySetBgColor(7);event.cancelBubble=true">
<td bgcolor="#FA9D7E" style="CURSOR:hand"> </td>
</span>
<span class="MybgClr" onClick="MySetBgColor(8);event.cancelBubble=true">
<td bgcolor="#c08080" style="CURSOR:hand"> </td>
</span>
</tr>
</table>
<!--改变背景色^-->