自动将HTML表格中的某列字符超宽的部分用一个层浮动显示

信息显示区

序号	楼盘名称	规划楼号	规划批复面积	人防批复面积	规划说明
2	aa	bb	cc	9	符合京国土房管法[2004]106号文件规定格式的《房屋测绘技术报告书》文本原件、电子文档各一份
1	2号住宅楼	2号住宅楼	7190.1	0	无

==============================
//鼠标跟随信息显示特效
//邓太华 2007.6.8
function MovingMessage()
{
var objLayerMsg;//目标层，需要在页面中绘制，然后赋值给它

this.initMovingMsg=function (objLayer)
{
objLayerMsg=objLayer;
HiddenMsg();
}

//=============鼠标位置函数 ===========

function mousePosition(ev){
if(ev.pageX || ev.pageY){
return {x:ev.pageX, y:ev.pageY};
}
return {
x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
y:ev.clientY + document.body.scrollTop - document.body.clientTop
};
}

function mouseMove(ev){
ev = ev || window.event;
var mousePos = mousePosition(ev);
//将层显示在指定位置
objLayerMsg.style.top=mousePos.y;
objLayerMsg.style.left=mousePos.x+10;
}

function ShowMsg(ev)
{
ev = ev || window.event;
objLayerMsg.innerText=ev.srcElement.data;
objLayerMsg.style.display="";
}

function HiddenMsg()
{
objLayerMsg.innerText="";
objLayerMsg.style.display="none";
}

//设置表格移动消息，鼠标移动的时候，消息浮动跟随显示
//参数：objTable, 要处理的目标表格
//参数：cellsNo,要处理的单元格索引
//参数：displayLength 要显示的字符个数
this.SetMovingMsg=function (objTable,cellsNo,displayLength)
{
for(var i=1;i<objTable.rows.length ;i++)
{
var objTD=objTable.rows[i].cells[cellsNo];
if(objTD.innerText.length>displayLength)
{
objTD.data=objTD.innerText;
objTD.innerText=objTD.innerText.substr(0,displayLength)+"...";//取前10个字
objTD.onmousemove=mouseMove;//使信息层跟随鼠标
objTD.onmouseover=ShowMsg;//停靠时候显示信息
objTD.onmouseout=HiddenMsg;
}
}
}//end function

}//end class
//=============本功能块完成==========================

//使用方法：
<script language="javascript">


var MMsg=new MovingMessage();
MMsg.initMovingMsg(layerMsg);
MMsg.SetMovingMsg(dgcadhouse,5,10);




</script>