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

信息显示区
序号楼盘名称规划楼号规划批复面积人防批复面积
规划说明
2 aa bbcc9符合京国土房管法[2004]106号文件规定格式的《房屋测绘技术报告书》文本原件、电子文档各一份
1 2号住宅楼 2号住宅楼7190.10
==============================
//鼠标跟随信息显示特效
//邓太华 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.οnmοusemοve=mouseMove;//使信息层跟随鼠标
    objTD.οnmοuseοver=ShowMsg;//停靠时候显示信息
    objTD.οnmοuseοut=HiddenMsg;
    }
 }
}//end function

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

//使用方法:
<script language="javascript">           
               
               
                var MMsg=new MovingMessage();
                MMsg.initMovingMsg(layerMsg);
                MMsg.SetMovingMsg(dgcadhouse,5,10);
               
               
               
               
            </script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值