My Programing/HTML and JavaScript

JS :: 풍선도움말

nkdk 2008. 6. 16. 10:28

  • z-index : 레이어를 설정하는 속성입니다. 상수가 높을수록 상위레이어이며 기본값은 0입니다.

<html>
<script language="JavaScript">
<!--

function dsp_txt(txtin) {  // 마우스커서위치에 따라 풍선도움말이 나타납니다.
if (txtin == 1) {
  dis_memo.style.visibility = 'hidden';
}
else {
  dis_memo.style.pixelTop = event.clientY + document.body.scrollTop - 10;
  dis_memo.style.pixelLeft = event.clientX + document.body.scrollLeft + 10;
  dis_memo.style.visibility = 'visible';
  dis_memo.innerHTML = txtin;
}
}

// -->
</script>
<body>
<!-- 풍선도움말 속성설정 -->
<div id="dis_memo"
style="font-size:9pt; border:2px solid #ddeeff; position:absolute; visibility:hidden; z-Index:10; padding:5px; background-color:#fffff5;">
</div>

<table border=1 bordercolor="#aaccff" cellpadding=3 style="font-size:9pt">
<tr align="center">
  <td width=30>번호</td>
  <td width=100>제 목</td>
  <td width=70>분류</td>
</tr>
<tr align="center">
  <td>1</td>
  <td>
   <a href="http://www.naver.com/" onmouseover="dsp_txt('네이버로 이동합니다.')" onmouseout="dsp_txt(1)">
    네이버 - Naver
   </a>
  </td>
  <td>포털사이트</td>
</tr>
<tr align="center">
  <td>2</td>
  <td>
   <a href="http://www.daum.net/" onmouseover="dsp_txt('다음으로 이동합니다.')" onmouseout="dsp_txt(1)">
    다음 - Daum
   </a>
  </td>
  <td>포털사이트</td>
</tr>
</table>

</body>
</html>