01
2018
01

js鼠标移上出现一个div层,可以显示用于标注或是显示图层等

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

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

<title>无标题文档</title>

<style type="text/css">

#div1{ width:150px; height:150px; background-color:#006699; position:absolute; z-index:999px; display:none;}

.box{ background-color:#FF0000}

</style>

</head>


<body>


<table width="500" border="0" align="center" cellpadding="0" cellspacing="0">

  <tr>

    <td><a onmouseover="document.getElementById('div1').style.display='block';" onmouseout="document.getElementById('div1').style.display='none'">中国电信</a>

<div id="div1"></div></td>

    <td>无</td>

  </tr>

  <tr>

    <td>可以</td>

    <td>完</td>

  </tr>

  <tr>

    <td>人</td>

    <td>告</td>

  </tr>

  <tr>

    <td>行</td>

    <td>电信</td>

  </tr>

  <tr>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

  </tr>

</table>

</body>

</html>


« 上一篇下一篇 »

相关文章: