프로그래밍Tips
JavaScript 풍선도움말 사용하기
itislord
2006. 2. 10. 13:26
[[ 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>