<HTML>
<HEAD>해피cgi입니다.</head>
<TITLE></TITLE>
<style>
.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:1px solid black;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: white;
width: 200px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}
#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}
</style>
<script type="text/javascript" src="http://www.blueb.co.kr/SRC/javascript/js/balloontip.js"></script>
<body>
아래 링크에 마우스를 올려보세요..<p>
<a href="http://www.happycgi.com/new.cgi" rel="balloon2">해피cgi자료실입니다!</a><br /><br />
<a href="http://www.cgimall.co.kr/" rel="balloon1">CGI몰 링크입니다.</a>
<div id="balloon1" class="balloonstyle" style="width: 350px; background-color: lightyellow">
저희 솔루션 많이 사랑해주세요 ^^
</div>
<div id="balloon2" class="balloonstyle" style="width: 350px; background-color: lightyellow">
해피cgi자료실을 많이 이용해주세요^^
</div>
</body>
</html>
|
