<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="javascript" type="text/javascript">
//풍선 도움말 스크립트
function sample_string_view(ans, typea) {
var obj = document.getElementById(typea);
if (ans) {
obj.style.top = window.event.clientY + document.body.scrollTop + 10;
obj.style.left = window.event.clientX + document.body.scrollLeft + 10;
obj.style.display = "block";
}
else {
obj.style.display = "none";
}
}
function sample_string_move(objName) {
var obj = document.getElementById(objName);
if (obj.style.display == "block") {
obj.style.top = window.event.clientY + document.body.scrollTop + 10;
obj.style.left = window.event.clientX + document.body.scrollLeft + 10;
}
}
</script>
</HEAD>
<BODY>
<TABLE>
<TR>
<TD>안녕하세요?</TD>
</TR>
</TABLE>
<INPUT TYPE="text" NAME="content" value="안녕하세요?">
<table><tr><td nowrap>
<div style="width:250px;overflow:hidden;">
<a href="#"
onMouseOver="sample_string_view(true, 'Memo1');"
onMouseMove="sample_string_move('Memo1');"
onMouseOut="sample_string_view(false,'Memo1');">
하이루
</a>
</div>
</td></tr></table>
<!-- 풍선도움말 -->
<div id='Memo1' style="display: none; left: 465px; position: absolute; top: 270px">
<table border="0" cellpadding="0" cellspacing="1" bgcolor="#6bbaef" id="Table1576">
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="5" bgcolor="#ffffff" width="300" id="Table1576s">
<tr>
<td align="JUSTIFY">
<font color="#336600">이 름 : 홍길동</font><br>
<font color="#ff0000">이메일 : hong@a.pe.kr</font><br>
<hr style="height: 1px; color: #DDDDDD;">
<font color="blue">하이루</font><br>
<hr style="height: 1px; color: #DDDDDD;">
<font color="#336699">작성일 : 2000-01-01</font><br>
<font color="#336699">IP주소 :127.0.0.1</font><br>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<!-- /풍선도움말 -->
</BODY>
</HTML>