마우스 오버시 텍스트 링크 부분의 설명을 창으로

미랑 · 2008-02-16 00:51:13
1. div 정의

<div id=\"helpbox\" style=\"border-width:0px; border-style:none; width:0px; height:0px; position:absolute; left:0px; top:0px; z-index:1;\" ></div>


2. 자바스크립트 소스

<script language=\"javascript\">
<!--
function msgposit_list(evt)
{
if(navigator.appName == \"Netscape\")
{
  cineinfo.style.left = evt.pageX - 55;
  cineinfo.style.top = evt.pageY - 220;
}
else
{
  cineinfo.style.posLeft = event.x - 55 + document.body.scrollLeft;
  cineinfo.style.posTop = event.y - 220 + document.body.scrollTop;
}
}



function msgset_list(str)
{
var text;
text =\'<table align=\"center\" border=\"0\" cellpadding=\"10\" cellspacing=\"0\" style=\"border-width:3; border-color:#cccccc; border-style:solid;font-size:9pt;\">\';
text += \'<tr><td align=center bgcolor=#121419>\'+str+\'</td></tr>\';
text += \'</table>\';
cineinfo.innerHTML=text;
}



function msghide_list()
{
cineinfo.innerHTML=\'\';
}



if(navigator.appName == \"Netscape\")
{
document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP);
document.onmousemove = msgposit_list;
}
-->
</script>


3. 링크 거는 법

<a href=\"http://www.naver.com\" onMouseMove=\"msgposit_list();\" onMouseOut=\"msghide_list();\" onMouseOver=\"msgset_list(\'주저리 주저리 주저리 나불 나불 나불<img src=http://sstatic.naver.com/search/images8/ico_plus.gif>\');\">몰까몰까몰까?</a>