信息显示区
序号 | 楼盘名称 | 规划楼号 | 规划批复面积 | 人防批复面积 |
规划说明
|
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.ο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>