• 돌아가기
  • 아래로
  • 위로
  • 목록
  • 댓글
Script

말풍선 투명하게 만들기

오작교 22863

0
<html>
<head>
<script language="JavaScript">
<!--
function alt( msg, _width, _height ){
    var _style = alt_div.style;
    if( msg != null ){
        alt_div.innerHTML = msg;
        _style.visibility = "visible";
        if( _width != null ){
            if( alt_div.offsetWidth > _width ){
                _style.width = _width;
            }
        }
        if( _height != null ){
            if( alt_div.offsetHeight > _height ){
                _style.height = _height;
            }
        }
    }else{
        _style.visibility = "hidden";
    }
}

document.write(
    "<div id=alt_div style=\"" +
    "padding:2;" +
    "border:1 solid #FF7200;" + // 말풍선 테두리 컬러
    "background-color:#F7F7F7;color:#000;" + // 말풍선 테이블 백그라운드컬러 / 폰트컬러
    "position:absolute;" +
    "visibility:hidden;" +
    "overflow:hidden;" +
    "z-index:auto;" +
    "width:auto;" +
    "height:auto;" +
    "filter:alpha(opacity=60);" + // 투명도
    "\"></div>"
);

document.onmousemove = get_xy;
function get_xy(){
    var _style = alt_div.style;
    var x = event.x + document.body.scrollLeft;
    var y = event.y + document.body.scrollTop;
    _style.left = x + 10;
    _style.top = y + 10;
}
//-->
</script>
</head>

<body>
<a href=# onmouseover="alt( '테스트용 말풍선 입니다.<br>말풍선이 생겼나요?<p>생겼으면 말해주세요.' )" onmouseout="alt()">마우스 올려봐요.</a><p>
레이어에 투명도를 주었군요.ㅎㅎ
</body>

</html
공유
0

댓글 쓰기 권한이 없습니다. 로그인

취소 댓글 등록

신고

"님의 댓글"

이 댓글을 신고하시겠습니까?

댓글 삭제

"님의 댓글"

삭제하시겠습니까?

목록

공유

facebooktwitterpinterestbandkakao story
검색어 : 202409
번호 분류 제목 글쓴이 날짜 조회 추천
공지 HTML HTML 기초 다지기 4 오작교 08.06.17.16:26 291234 0
공지 HTML HTML과 CSS의 종합 정리 1 오작교 07.10.01.10:21 350210 0
공지 일반 스타일시트의 총정리 오작교 06.09.14.13:08 294833 +14
87 Script
normal
오작교 23.12.10.09:29 19917 0
86 Script
normal
오작교 15.05.12.14:06 21300 0
85 Script
normal
오작교 11.03.22.11:19 43583 0
84 Script
normal
오작교 11.03.22.11:15 38363 0
83 Script
normal
오작교 11.03.22.11:07 37239 0
82 Script
normal
오작교 11.01.24.10:34 38238 0
81 Script
normal
오작교 10.04.10.21:43 44250 0
80 Script
normal
오작교 09.04.14.15:52 21521 0
79 Script
normal
오작교 09.02.26.19:30 44479 0
78 Script
normal
오작교 09.02.03.16:06 30022 0
77 Script
normal
오작교 09.02.03.16:05 30109 0
76 Script
normal
오작교 08.08.08.11:58 30932 0
75 Script
normal
오작교 08.07.08.09:23 24053 0
74 Script
normal
오작교 08.01.08.13:26 37021 0
73 Script
normal
오작교 08.01.07.13:00 40832 0
72 Script
normal
오작교 08.01.07.12:52 23871 0
71 Script
normal
오작교 07.10.23.17:18 38441 0
70 Script
normal
오작교 07.10.23.17:16 29267 0
69 Script
normal
오작교 07.10.23.17:14 28269 0
68 Script
normal
오작교 07.10.23.17:08 27694 0