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> |
|
마우스 오버시 텍스트 링크 부분의 설명을 창으로
