아이디/비번 기억
  • 봉하마을 방문후기
  • 미디어협동조합 국민TV국민TV의 조합원이 되어주세요!
  • 한국탐사저널리즘센터
현재위치 : HOME > 구구자료실

말풍선 툴팁 (모든브라우져 사용가능)

구구 | 2012.06.13 12:58 | 조회 14935
<html>
<title>말풍선 툴팁 (모든브라우져 사용가능)</title>
<head>
<style>
body {font-family:돋움;font-size:12px;}


/*툴팁 스타일*/
a.tip {
    position: relative;
}

a.tip span {
    display: none;
    position: absolute;
    top: 20px;
    left: -10px;
    width: 125px;
    padding: 5px;
    z-index: 100;
    background: #000;
    color: #fff;
    -moz-border-radius: 5px; /* 파폭 박스 둥근 정도 */
    -webkit-border-radius: 5px; /* 사파리 박스 둥근 정도 */
}

a:hover.tip span {
    display: block;
}
        
</style>
</head>
<body>

<a href="#" class="tip">툴팁 링크 <span>tooltip</span></a>
<a href="#" class="tip">툴팁 링크 <span>툴팁내용</span></a>


</body>
</html>

twitter facebook me2day 요즘
98개(4/5페이지)
소스자료실
번호 제목 글쓴이 조회 날짜
38 [jquery] 구글검색엔진으로 내홈페이지를 검색! 사진 첨부파일 구구 4284 2012.06.13 16:13
37 [jquery] 슬라이더로 구성한 홈페이지 샘플 사진 첨부파일 구구 4399 2012.06.13 15:57
36 [jquery] 메인이미지 버튼/시간/효과 사진 첨부파일 구구 5186 2012.06.13 15:52
35 [jquery] 하단으로 열리는 메뉴 기본 사진 첨부파일 구구 6375 2012.06.13 15:49
34 [html/css] 이미지없는 CSS버튼 사용해보자! 사진 첨부파일 구구 8627 2012.06.13 15:20
33 [Java] 마우스 스크롤을 좌우스크롤로 활용! 사진 첨부파일 구구 5499 2012.06.13 15:12
32 [모바일] 베너클릭시 슬라이드되는 내용들 사진 첨부파일 구구 6547 2012.06.13 15:04
31 [Java] 갤러리/앨범 스타일04 사진 첨부파일 구구 4484 2012.06.13 15:00
30 [Java] 갤러리/앨범 스타일03 사진 첨부파일 구구 5102 2012.06.13 14:50
29 [Java] 갤러리/앨범 스타일02 사진 첨부파일 구구 4238 2012.06.13 14:47
28 [Java] 클릭시 나오는 공간 (사이트맵정도로 사용) 사진 첨부파일 구구 4833 2012.06.13 14:35
27 [Java] 메인비쥬얼 효과 사진 첨부파일 구구 4412 2012.06.13 14:27
26 [Java] 롤오버베너 사진 첨부파일 구구 5129 2012.06.13 14:06
25 [Java] 네이트 베너 (랜덤으로 나오는 베너) 사진 첨부파일 구구 4648 2012.06.13 13:59
24 [Java] 부드럽게 내려오는 네비게이션 메뉴 첨부파일 구구 6355 2012.06.13 13:46
>> [html/css] 말풍선 툴팁 (모든브라우져 사용가능) 구구 14936 2012.06.13 12:58
22 [etc] 움직이는팝업창 구구 5362 2012.06.13 11:25
21 [etc] 원하는위치 원하는크기로 새창띄우기 구구 10248 2012.06.13 11:01
20 [Java] 갤러리/앨범 스타일01 깔끔한앨범 - 보기쉬운UI 첨부파일 관리자 6115 2012.06.12 18:57
19 [jquery] 반응형웹디자인 (미디어쿼리 / media query) 첨부파일 관리자 6150 2012.06.12 18:51