풍선도움말 div display
Language/JAVASCRIPT 2010. 5. 19. 18:57<html>
<head>
<script>
/*풍선 도움말*/
var nav = (document.layers);
var iex = (document.all);
function pop(msg,bak,width,titlemsg) {
if(msg == "") return;
var skn = document.all.topdecks;
var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=1 BGCOLOR=#505050><TR><TD>"+
"<TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0><TR align=center height=22><TD><B><font color=white>"+titlemsg+"</B></TD></TR></TABLE>"+
"<TABLE cellpadding=0 cellspacing=0 BGCOLOR="+bak+"><TR><TD style='padding:5;'><FONT COLOR=#000000><nobr>"+msg+"</nobr></FONT></TD></TR></TABLE></TD></TR></TABLE>";
skn.innerHTML = content;
skn.style.display = "";
}
function get_mouse(e) {
var skn = document.all.topdecks;
var x = (nav) ? e.pageX : event.x+document.body.scrollLeft;
var y = (nav) ? e.pageY : event.y+document.body.scrollTop;
skn.style.left = x - 0;
skn.style.top = y+20;
}
function kill() {
var skn = document.all.topdecks;
skn.style.display = "none";
}
document.onmousemove = get_mouse;
</script>
</head>
<body>
<div id="topdecks" name="topdecks" style="position :
<a href="http://wsabstract.com" ONMOUSEOVER="pop('여기에 풍선도움말 내용을 입력하세요.','lightgreen','200','title1')"; ONMOUSEOUT="kill()">풍선도움말 1</a>
<a href="http://webmonkey.com" ONMOUSEOVER="pop('여기에 풍선도움말 내용을 입력하세요.','lightblue','300','title2')"; ONMOUSEOUT="kill()">풍선도움말 2</a>
</body>
</html>
[출처] HTML 테이블 풍선도움말 div display |작성자 그렇다
'Language > JAVASCRIPT' 카테고리의 다른 글
| opener.document.폼네임.필드네임.value=값 (0) | 2010.05.26 |
|---|---|
| select option 생성 (0) | 2010.05.19 |
| 쓸만한 javascript filter 와 속성 (0) | 2010.05.19 |
| submit 하기 전 이벤트를 처리하는 2가지 방법 (0) | 2010.05.14 |
| onClick 이벤트에 return 문에 사용 및 차이점 (0) | 2010.05.14 |