마우스 오버시 텍스트 링크 부분의 설명을 창으로
author 미랑 date 2008-02-16 hit 384 HIT
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>
목록보기
        X  
38  위치고정 배너스크롤  2009-12-23 474
37  비트연산의 응용  2009-11-23 425
36  비트연산으로 다중값 처리하기  2009-11-23 424
35  다른 페이지에서 임의의 스트립트 실행하기  2009-11-23 407
34  웹페이지 소스보기와 드래그가 안 될 경우  2008-02-27 375
 마우스 오버시 텍스트 링크 부분의 설명을 창으로  2008-02-16 384
32  팝업 공지 쿠키 설정  2006-11-26 423
31  새 창 띄우기 옵션 (window.open)  2006-11-25 243
30  스크롤 게시물 (솔로몬닷컴 방식)  2006-05-28 211
29  동적으로 textarea 추가하기  2006-05-26 268
28  강추! 셀렉트 박스 스타일 수정  2006-05-03 260
27  금액에 점찍고 한글 표시하기...  2006-05-03 310
26  마우스 클릭시 창 하단의 링크 주소 감추기  2006-05-03 318
25  팝업창 띄우기 옵션 및 방법  2006-05-02 265
24  주소를 입력받아서 이동하는 스크립트  2006-05-02 256
1 2 3