javascript实现div浮动在网页最顶上并带关闭按钮效果实例

  

复制代码 代码如下:

  <html>

  <head>

  <title>javascript实现div浮动在网页最顶上并带关闭按钮效果实例</title>

  <style type="text/css">

  <!--

  body { margin: 0px;padding: 0px;text-align: center;}

  TD {FONT-SIZE: 12px; COLOR: #333;}

  #toubiao {BORDER-BOTTOM: #e2e2e2 1px solid;}

  -->

  </style>

  </head>

  <body>

  <SCRIPT>

  function toueme(){

  document.getElementById("toubiao").style.display="none";

  }

  </SCRIPT>

  <DIV id=toubiao>

  <table width="100%" border="0" cellspacing="0" cellpadding="5">

  <tr>

  <td width="82%"><a target="_blank" href="/">

  <span style="text-decoration: none"><font color="#808080">悬浮在网页顶部可关闭的工具条(浮动层),点击可以关闭哦</font></span></a></td>

  <td width="14%" align="right"><a style="CURSOR: hand" onClick=toueme()>

  <img  src="../img/close3.gif" hspace="6" border=0></a></td>

  </tr>

  </table>

  </DIV>

  </body>

  </html>

  </td>

  </tr>

  </table>