<html>
<head>
<title>表格行高亮</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript">
/**
鼠标移到行上，此行背景变为粉红，鼠标移开，背景颜色消失
*/
function changeBgcolor(tr,num){
if(num==1){
if(tr.bgColor != "yellow"){
tr.bgColor = "pink";
}
}else if(num == 2){
if(tr.bgColor != "yellow"){
tr.bgColor = "";
}
}
}
//全选
function selAll(){
var size = 3;//实际的行数
if(document.getElementById("checkbox0").checked == true){
for(i=0;i<size;i++){
if(!document.getElementById("checkbox"+i).checked == true){
document.getElementById("checkbox"+i).checked = true;
}
document.getElementById("line1").bgColor = "yellow";
document.getElementById("line2").bgColor = "yellow";
}
}else{
for(i=0;i<size;i++){
document.getElementById("checkbox"+i).checked = false;
document.getElementById("line1").bgColor = "";
document.getElementById("line2").bgColor = "";
}
}
}
//选中行，行背景颜色变为黄色
function selected(checkboxId,trId){
if(document.getElementById(checkboxId).checked == true){
document.getElementById(trId).bgColor = "yellow";
}else{
document.getElementById(trId).bgColor = "";
}
}
</script>
</head>
<body>
<table border="1">
<tr>
<td>
<input type="checkbox" id="checkbox0" onclick="selAll()">
</td>
<td>
标题
</td>
<td>
内容
</td>
</tr>
<tr id="line1" onmouseover="changeBgcolor(this,1)" onmouseout="changeBgcolor(this,2)">
<td>
<input type="checkbox" id="checkbox1" onclick="selected('checkbox1','line1')">
</td>
<td>
js技术
</td>
<td>
js非常重要
</td>
</tr>
<tr id="line2" onmouseover="changeBgcolor(this,1)" onmouseout="changeBgcolor(this,2)">
<td>
<input type="checkbox" id="checkbox2" onclick="selected('checkbox2','line2')">
</td>
<td>
Java学习
</td>
<td>
Java博大精深
</td>
</tr>
</table>
</body>
</html>
分享到：
相关推荐
例如，要调整 A 列的宽度，只需将鼠标移到 A、B 两列之间，当鼠标指针变成双向箭头时，双击鼠标左键，A 列将立即调整到最合适的列宽。类似地，我们也可以快速调整行高。 ### 调整行高和列宽的单位 ----------------...
4.3.4 合并居中单元格 4.3.5 调整单元格的列宽、行高 使用对话框调整列宽与行高 使用鼠标调整列宽或行高 调整最适合的列宽与行高 批量调整列宽 隐藏行或列 计算机应用基础课件——Excel-电子表格全文共38页，当前为...
页面布局 正确答案是：页面布局 题目4 在PowerPoint 2010中，演示文稿可以使用_______命令，使其在转移到其他未安装PowerPoint 2010的计算机上可以放映。 选择一项： a. 保存 b. 另存为 c. 打包 d. 发送 正确答案是...
单元格被删除 " " " "后，原来位于它下方或右侧的行或列， " " " "会顺序上移或左移。 " " " " " " " "3、插入行和插入列 " " " "Excel允许在已有数据行之间插入一行或" " " "多行数据，也可以在数据列之间插入一 " ...
16) 鼠标移到某个单元格，指针形状改变.............................................................28 17) 自动填充网格列宽到网格客户区.......................................................................
18. DataGridView单元格上ToolTip表示设定(鼠标移动到相应单元格上时，弹出说明信息) DataGridView控件用法合集(四) 19. DataGridView中的ContextMenuStrip属性 20. DataGridView指定滚动框位置 21. DataGridView...
不能用鼠标调整表格的行高和列宽 正确答案： D 21.采用（ ）的做法，不能增加标题与正文之间的段间距。 A.增加标题的段前间距 B.增加第一段的段前间距 C.增加标题的段后间距 D.增加标题和第一段的段后间距 正确答案...
16) 鼠标移到某个单元格，指针形状改变.............................................................28 17) 自动填充网格列宽到网格客户区......................................................................
9.6.1 更改行高和列宽 175 9.6.2 设置表格的边距和对齐方式 176 9.6.3 应用边框 176 9.6.4 应用填充 177 9.6.5 应用阴影于表格 182 9.6.6 应用三维效果于表格 183 9.6.7 更改文本对齐方式 183 9.6.8 ...
9.6.1 更改行高和列宽 175 9.6.2 设置表格的边距和对齐方式 176 9.6.3 应用边框 176 9.6.4 应用填充 177 9.6.5 应用阴影于表格 182 9.6.6 应用三维效果于表格 183 9.6.7 更改文本对齐方式 183 9.6.8 ...
修改高级表格支持库，通过鼠标调整行高列宽时不改变当前光标行列号。 8. 修改BUG：在IDE中打开源代码文件(.e)后，高级选择夹组件不能正确切换到“现行子夹”属性设定的子夹。 9. 修改BUG：矢量动画支持库中的...