글씨에 마우스를 대면 나오는 설명글 만들기..
1. head 에 삽입
<style type="text/css">
#tooltip {
position:absolute;
top:0;
left:0;
border:2 solid blue; //도움말 테두리의 두께와 색
background:white; //도움말의 배경색
color:blue; //도움말 글자의 색
font-size:9pt; //글자의 크기
width:384; //테두리의 넓이
height:20; //테두리의 높이
padding:2;
overflow:hidden;
z-index:10;
display:none;
}
</style>
<script language=javascript>
function showtip(text) {
tooltip.innerText=text;
tooltip.style.display="inline";
}
function hidetip() {
tooltip.style.display="none";
}
function movetip() {
tooltip.style.pixelTop=event.y+document.body.scrollTop;
tooltip.style.pixelLeft=event.x+document.body.scrollLeft+10;
}
document.onmousemove=movetip;
</script>
2. body 에 삽입
<span id=tooltip></span>
<span onmouseover="showtip('설명글 들어갈 자리');this.style.cursor='e-resize';"
onmouseout="hidetip();">마우스를 올려보세요</span
[출처] 풍선도움말 이쁘게[태그]|작성자 여유