停在网页顶部可关闭的工具条代码

时间：2011-04-01 来源：网页代码站

代码简介：一款悬浮在网页顶部的工具条代码，实际上是一个嵌套进DIV的层窗口，在此窗口内你可以自由布局，或是一行文字，或是几个按钮，你还可以添加一个“关闭”功能，在很多网站我们都可以看到类似效果。

代码内容：

<html>
<head>
<title>停在网页顶部可关闭的工具条代码_网页代码站(www.webdm.cn)</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="http://www.cnblogs.com/">
<span style="text-decoration: none"><font color="#808080"><a href="http://www.webdm.cn">网页代码站</a> - 最专业

的代码下载网站 - 致力为中国站长提供有质量的代码！</font></span></a></td>
    <td width="14%" align="right"><a style="CURSOR: hand" onClick=toueme()>
<img src="http://www.webdm.cn/images/20090920/close3.gif" hspace="6" border=0></a></td>
  </tr>
</table>
</DIV>
</body>
</html>
<br>
<p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码！</p>

代码来自：http://www.webdm.cn/webcode/e90e53ab-5d40-44a4-99ab-05bbff08229b.html

相关阅读更多 +