주간 베스트 월간 베스트 3개월 베스트 베스트 게시물
꽃배달 한국, 중국 전지역배송

풍선도움말 예쁘게 하기

네로 | 2002.07.03 02:31:42 댓글: 0 조회: 720 추천: 17
분류컴관련 강좌·팁 https://life.moyiza.kr/itstudy/1746958
글씨에 마우스를 대면 나오는 설명있죠?  
보통은 title="설명" 이런식으로 합는데요...  
그럼 바탕화면 사용자 정의에서 정해준대로 보이죠.  

이거는 자기맘대로 툴팁의 색과 넓이 등을 맘대로 조절할수 있어요;;  
우선 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>  


그리고 body 에 넣어주세요.  
<span id=tooltip></span>  
<span onmouseover="showtip('풍선에 나올말입니다..');this.style.cursor='e-resize';"  
onmouseout="hidetip();">마우스를대보세요.</span>  
추천 (17) 선물 (0명)
IP: ♡.108.♡.89
3,006 개의 글이 있습니다.
제목 글쓴이 날짜 조회
관리자
2003-09-20
12023
관리자
2003-09-20
11570
관리자
2003-09-20
20728
지구인
2010-08-27
19502
지구인
2009-09-07
13819
SOLIDH
2010-01-29
15788
엔죠라이프
2004-10-07
16868
맹이
2002-07-12
1571
노아
2002-07-11
1320
네로
2002-07-10
486
네로
2002-07-07
794
네로
2002-07-03
403
네로
2002-07-03
431
네로
2002-07-03
393
네로
2002-07-03
720
네로
2002-07-03
350
네로
2002-07-03
346
네로
2002-07-03
463
네로
2002-07-03
595
네로
2002-07-03
397
네로
2002-07-02
496
네로
2002-06-30
448
네로
2002-06-30
589
네로
2002-06-30
341
네로
2002-06-22
961
네로
2002-06-22
1171
네로
2002-06-22
831
네로
2002-06-21
434
모이자 모바일