📄 实例106.页面背景选择器.html
字号:
<body>
<table border=0 cellpadding=0 cellspacing=0>
<tr STYLE='cursor:hand'>
<td width=20 height=20 style="background-Color:#000000" onclick="javascript:document.body.style.backgroundColor=this.style.backgroundColor;"></td>
<td width=20 height=20 style="background-Color:#0000ff" onclick="javascript:document.body.style.backgroundColor=this.style.backgroundColor;"></td>
<td width=20 height=20 style="background-Color:#cccccc" onclick="javascript:document.body.style.backgroundColor=this.style.backgroundColor;"></td>
<td width=20 height=20 style="background-Color:#ffffff" onclick="javascript:document.body.style.backgroundColor=this.style.backgroundColor;"></td>
<td width=20 height=20 style="background-Color:#ffff00" onclick="javascript:document.body.style.backgroundColor=this.style.backgroundColor;"></td>
<td width=20 height=20 style="background-Color:#0000ff" onclick="javascript:document.body.style.backgroundColor=this.style.backgroundColor;"></td>
</tr>
<tr STYLE='cursor:hand'>
<td width=20 height=20 style="background-Color:#ff0000" onclick="javascript:document.body.style.backgroundColor=this.style.backgroundColor;"></td>
<td width=20 height=20 style="background-Color:#00ffff" onclick="javascript:document.body.style.backgroundColor=this.style.backgroundColor;"></td>
<td width=20 height=20 style="background-Color:#336699" onclick="javascript:document.body.style.backgroundColor=this.style.backgroundColor;"></td>
<td width=20 height=20 style="background-Color:#336633" onclick="javascript:document.body.style.backgroundColor=this.style.backgroundColor;"></td>
<td width=20 height=20 style="background-Color:#cc3322" onclick="javascript:document.body.style.backgroundColor=this.style.backgroundColor;"></td>
<td width=20 height=20 style="background-Color:#ddcc33" onclick="javascript:document.body.style.backgroundColor=this.style.backgroundColor;"></td>
</tr>
</table>
</body>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -