투명 레이어 공지창
<head>
<style type=”text/css”>
#demo {position:absolute; top:100; left:350;
width:200; height:100; border:solid 2 gray; background:black; overflow:hidden;
z-index:10; visibility:hidden; filter:alpha(opacity=30);}
#text {position:absolute; top:100; left:350; width:200; height:100;
border:solid 2 gray; color:beige; font-size:9pt; padding:5; overflow:hidden;
z-index:11; visibility:hidden;}
</style>
<script language=javascript>
function openmenu() { demo.style.visibility=”visible”;
text.style.visibility=”visible”;}function closemenu() {
demo.style.visibility=”hidden”; text.style.visibility=”hidden”;}</script>
</head>
<body bgcolor=”#FFFF99″>
<p><center>
< span id=demo></span>
<span id=text>
태그인넷입니다<br><br>
< a href=http://tagin.net>http://tagin.net</a>
< a href=”javascript:closemenu();” style=”color:beige;”>닫기</a></p></span>
</span>
< input type=”button” value=”태그인넷” omclick=”openmenu();”></p>
< p align=”center”><span style=”font-size:72pt; color:beige;”><font color=”#FF99CC”>태그인넷</font></span></p>
< /body>
</html>
