没有合适的资源?快使用搜索试试~ 我知道了~
javascript 对表格的行和列都能加亮显示
需积分: 3 0 下载量 112 浏览量
2020-12-09
21:46:06
上传
评论
收藏 29KB PDF 举报
温馨提示
试读
3页
1,交叉加亮 2,点击左上角的 “1;1”,”2;2″观察所有单元值的变化3,点击左上角的 “3,3”,”4,4″观察所有单元字体的变化4,点击单元后,该单元颜色发生变化,并直至点击下一单元5,将th与td分开; Gu Laicheng, 2008.12.25 <HTML> <HEAD> <TITLE>交叉高亮显示</TITLE> <style> body,th,td { font-size: 10pt; } .Tlist1 { border-collapse:collapse;table-layout:fixed;width:710px; } .outit { background: #EE
资源详情
资源评论
资源推荐
javascript 对表格的行和列都能加亮显示对表格的行和列都能加亮显示
1,交叉加亮
2,点击左上角的 “1;1”,”2;2″观察所有单元值的变化
3,点击左上角的 “3,3”,”4,4″观察所有单元字体的变化
4,点击单元后,该单元颜色发生变化,并直至点击下一单元
5,将th与td分开;
Gu Laicheng, 2008.12.25
<HTML>
<HEAD>
<TITLE>交叉高亮显示</TITLE>
<style>
body,th,td
{
font-size: 10pt;
}
.Tlist1
{
border-collapse:collapse;table-layout:fixed;width:710px;
}
.outit
{
background: #EEDDFF;
}
.ovrit
{
background: #AADDFF;
}
.cross
{
background: #33DDFF;
}
.clkit
{
background: #DDAAAA;
}
.clkcr
{
background: #AA7777;
}
.titl
{
background: #77AAFF;
}
</style>
</HEAD>
<BODY>
<table id=”table3″ border=”1″ cellpadding=4 cellspacing=0 bordercolor=’#3377FF’ align=center class=Tlist1 id=Tlist1>
<script>
var Nrow = 15,Ncol = 12;
document.writeln(“<tr class=’titl’>”);
for (var c=0;c<Ncol;c++ )
{
document.writeln(“<th>F”+(c+1)+”</th>”);
}
document.writeln(“</tr>”);
for (var r=0;r<Nrow;r++ )
{
document.writeln(“<tr>”);
for (var c=0;c<Ncol;c++ )
{
document.writeln(“<td class=’outit’>”+(r+1)+”;”+(c+1)+”</td>”);
}
document.writeln(“</tr>”);
}
</script>
</table>
weixin_38633897
- 粉丝: 10
- 资源: 972
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0