[[ JavaScript 풍선도움말 사용하기 from Naver Blog 여우와구름 ]]
<SCRIPT LANGUAGE="JavaScript">
<!--
function msgmove(){
msg.style.posLeft = event.x + 20 + document.body.scrollLeft
msg.style.posTop = event.y - 20 + document.body.scrollTop
}
function msgset(strmsg){
text ='<table width=240 bgcolor=#FFFFCC style="border:1 black solid;"><tr><td>' + strmsg + '</td></tr></table>'
msg.innerHTML=text
}
function msghide(){
msg.innerHTML=''
}
//-->
</SCRIPT>
<A HREF="#" onmousemove="msgmove()" onmouseover="msgset('풍선도움말');return true;" onmouseout="msghide();return true;">[보기]</A>
<div id="msg" style="position:absolute;left:0;top:0;width:0;height:0;"></div>
<SCRIPT LANGUAGE="JavaScript">
<!--
function msgmove(){
msg.style.posLeft = event.x + 20 + document.body.scrollLeft
msg.style.posTop = event.y - 20 + document.body.scrollTop
}
function msgset(strmsg){
text ='<table width=240 bgcolor=#FFFFCC style="border:1 black solid;"><tr><td>' + strmsg + '</td></tr></table>'
msg.innerHTML=text
}
function msghide(){
msg.innerHTML=''
}
//-->
</SCRIPT>
<A HREF="#" onmousemove="msgmove()" onmouseover="msgset('풍선도움말');return true;" onmouseout="msghide();return true;">[보기]</A>
<div id="msg" style="position:absolute;left:0;top:0;width:0;height:0;"></div>
'프로그래밍Tips' 카테고리의 다른 글
파워빌더 7,8,9 배포파일 목록... (0) | 2006.03.14 |
---|---|
VNC를 이용한 웹에서의 서버(리눅스,유닉스)관리 (2) | 2006.01.06 |
html의 Layer 사용시 select 박스와의 충돌문제 (6) | 2005.11.07 |