1、table里的内容超长,自动切除并+ “...”
http://expert.csdn.net/Expert/topic/2817/2817934.xml?temp=.5490991
2、表头与表体分开,表头可以调整宽度(JS实现)
http://expert.csdn.net/Expert/topic/2833/2833183.xml?temp=.5755121
http://expert.csdn.net/Expert/topic/2817/2817934.xml?temp=.5490991
2、表头与表体分开,表头可以调整宽度(JS实现)
http://expert.csdn.net/Expert/topic/2833/2833183.xml?temp=.5755121
中的表单的滚动及各行的选择是用了什么属性?
列的选中在JS里来说,可以用如下方法解决:
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<STYLE>
<!--
td{
behavior:url(td.htc)
}
-->
</STYLE>
</HEAD>
<BODY style="BACKGROUND-COLOR: transparent"><TABLE WIDTH="75%" BORDER=1 CELLSPACING=1 CELLPADDING=1>
<TR>
<TD>a</TD>
<TD>a</TD>
<TD>a</TD>
<TD>a</TD>
<TD>a</TD>
</TR>
<TR>
<TD>a</TD>
<TD>a</TD>
<TD>a</TD>
<TD>a</TD>
<TD>a</TD>
</TR>
<TR>
<TD>a</TD>
<TD>a</TD>
<TD>a</TD>
<TD>a</TD>
<TD>a</TD>
</TR>
<TR>
<TD>a</TD>
<TD>a</TD>
<TD>a</TD>
<TD>a</TD>
<TD>a</TD>
</TR>
<TR>
<TD>a</TD>
<TD>a</TD>
<TD>a</TD>
<TD>a</TD>
<TD>a</TD>
</TR>
</TABLE>
</BODY>
</HTML>---------------------------------------------------------
td.htc<PUBLIC:ATTACH EVENT="onmouseover" ONEVENT="selectCol()"/><SCRIPT LANGUAGE="JavaScript">
function selectCol(){
var table = parentElement.parentElement.parentElement;
for (var i=0;i<table.rows.length;i++){
for (var j=0;j<table.rows(0).cells.length;j++){
if (cellIndex==j){
table.rows(i).cells(j).style.backgroundColor = "blue";
}else{
table.rows(i).cells(j).style.backgroundColor = "white";
}
}
}
}
</SCRIPT>
用“behavior:url(td.htc)”是为了方便一些,也可以在每个<td>里写成onmouseover="selectCol()",再把htc里的<script></script>里的移到html代码里。