本文介绍了一个项部窗口的设计方案，利用HTML和CSS实现了一个可隐藏的顶部栏，通过JavaScript控制显示与隐藏，提供了一个简洁的用户体验。
<html>
<head>
<title>项部的窗口</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="http://codefans.net/jscss/demoimg/200903/close3.gif" hspace="6" border=0></a></td>
</tr>
</table>
</DIV>
</body>
</html>
转载于:https://www.cnblogs.com/ThirdEye/archive/2009/07/12/1521855.html
扫一扫
9211
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
