haitao：
现在一点座位分布图上的人名，就弹出他的详细信息；鼠标移到座位分布图上的人名上，就显示他的文字介绍
[阅读: 927] 2008-07-15 02:44:02
现在一点座位分布图上的人名，就弹出他的详细信息；鼠标移到座位分布图上的人名上，就显示他的文字介绍
想做到显示他的文字介绍同时，也能显示他的照片
——这样title就做不到了，title只能显示文字（支持多行）
找到一个利用js在div里显示的例子（onmouseout="hiddenPic();" onmousemove="showPic(this.src);"），但是使用了一下，有2个问题
1、显示那个div时，会反复不停地闪烁，好像是不断地显示、隐藏，但是我的鼠标的确没有动——这个通过一个状态变量可以解决
2、显示那个div时，如果页面向右滚动过，则event.clientX就不准确了。。。。如何取得当前页面向右滚动过的偏移量呢？
<script language="javascript">
var bshow=0;
function showPic(sinfo,sid){
if (bshow) return;
bshow=1;
var x,y;
x = event.clientX;
y = event.clientY;
document.getElementById("Layer1").style.left = x;
document.getElementById("Layer1").style.top = y;
document.getElementById("Layer1").innerHTML = "<table border=1><tr><td>"+sinfo+"</td><img src='/photo/id/"+sid+".jpg' ></td></tr></table>";
document.getElementById("Layer1").style.display = "block";
}
function hiddenPic(){
if (!bshow) return;
bshow=0;
document.getElementById("Layer1").innerHTML = "";
document.getElementById("Layer1").style.display = "none";
}
</script>
<body bgcolor="#FFFFCC">
<div id="Layer1" style="display:none;position:absolute;z-index:1;"></div>
<table border="0"><tr><td>。。。。
| -ICP -IDC -ISP |