?? 9.35 鼠標選擇表格中的多行.htm
字號:
<html>
<head>
<title> 鼠標選擇多行</title>
</head>
<script language="JavaScript">
var curObj= null;
var isTrue =false;
function setSelectedBgColor()//設置選定行的背景色
{
isTrue =true;
if(window.event.srcElement.tagName=='TD'){ //如果選中的是單元格
curObj=window.event.srcElement.parentElement;//獲取其父級節點-表格行
curObj.style.background='#ff9999'; //設置背景色
}
}
</script>
<body>
<table border="1" width=220 height=220 onmousemove= "if(isTrue)setSelectedBgColor();" onmousedown="setSelectedBgColor();" onmouseup="isTrue =false;">
<tr>
<td>單元格</td>
<td>單元格</td>
<td>單元格</td>
</tr>
<tr>
<td>單元格</td>
<td>單元格</td>
<td>單元格</td>
</tr>
<tr>
<td>單元格</td>
<td>單元格</td>
<td>單元格</td>
</tr>
<tr>
<td>單元格</td>
<td>單元格</td>
<td>單元格</td>
</tr>
</table>
</body>
</html>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -