?? 8-4 色彩選擇器.htm
字號:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=GB2312" />
<title>8-4 色彩選擇器</title>
<!-- 樣式表 -->
<style>
* { font-size:12px; font-family:宋體, Arial; font-weight:normal; color:#333; } /*規定了所有的字體樣式*/
#divColor { border:1px solid black; width:80px; height:80px; float:left; }
</style>
<!-- 腳本部分 -->
<script>
function openColorSelector(){
var newWin = window.open("8-4-color_dialog.htm","colorSelector","width=360, height=400, top=0, left=0, scrollbars=no, status=no, toolbar=no, menubar=no, resizable=no");
}
function setColor(strColor){
$("txtColor").value = strColor;
$("divColor").style.backgroundColor = strColor;
}
function $(str){ return(document.getElementById(str)); }
</script>
</head>
<body style="overflow:auto;">
<table>
<tr>
<td>請輸入色彩值：</td>
<td>
<input id="txtColor" value="#ffffff">
<input type="button" value="選擇" onclick="openColorSelector();">
</td>
</tr>
<tr>
<td>色彩預覽：</td>
<td>
<div id="divColor"></div>
</td>
</tr>
</table>
</body>
</html>?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -