DIV显示浮动的层


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function showLayer(content,x,y)
{
    if(content != '')
    {
        Layer.style.visibility = 'visible';
        Layer.style.left = x + document.body.scrollLeft - 50;
        Layer.style.top = y + document.body.scrollTop + 20;
        ShowContent.innerHTML = content;
    }
 }
//-->
</SCRIPT>
<BODY>
<TABLE border="1" cellspacing="1">
<TR onMouseOver="showLayer('ROW1',event.clientX,event.clientY)">
 <TD >1</TD>
 <TD>2</TD>
 <TD>3</TD>
</TR>
<TR onMouseOver="showLayer('ROW2',event.clientX,event.clientY)">
 <TD >1</TD>
 <TD>2</TD>
 <TD>3</TD>
</TR>
</TABLE>
<div id="Layer" style="position:absolute; left:10px; top:0px; width:400px; height:200px; z-index:1;visibility:hidden;">
  <table width="400" border="0" cellspacing="10" bgcolor="#ddffFF" style="{  border-color: #3388cc; border-style: solid; border-width: 1px;}">
    <tr>
      <td style="font-size:9pt" id="ShowContent"></td>
    </tr>
  </table>
</div>
</BODY>
</HTML>

欢迎大家访问我的个人网站 萌萌的IT人

posted on 2008-02-29 14:19 见酒就晕 阅读(841) 评论(0)  编辑  收藏 所属分类: HTML


只有注册用户登录后才能发表评论。


网站导航:
 
<2024年12月>
24252627282930
1234567
891011121314
15161718192021
22232425262728
2930311234

导航

统计

常用链接

留言簿(3)

我参与的团队

随笔分类

随笔档案

文章分类

文章档案

收藏夹

BLOG

FRIENDS

LIFE

搜索

最新评论

阅读排行榜

评论排行榜