JavaScript如何实现悬浮层

来源：百度知道 编辑：UC知道 时间：2024/06/09 02:17:39
鼠标指向表格的一个cell，在鼠标当前位置出现一个悬浮层，层的大小样式可控制，层里显示具体的信息。

效果如图

<html> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=GB2312"> 

<title>学生信息系统</title> 

<script language="javascript"> 

var showInfo = new function () { 

this.showLayer = function (e, id) { 

var p = window.event ? [event.clientX, event.clientY] : [e.pageX, e.pageY]; 

with (document.getElementById(id + "").style) { 

display = "block"; 

left = p[0] + 10 + "px"; 

top = p[1] + 10 + "px"; 

} 

if (window.event) { 

window.event.cancelBubble = true; 

} else&nb