간단한 풍선도움말

관리자

· 16년 전 · 조회 2884 2884 · 댓글 3 3

책에 나온거 응용해 보았습니다.

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script src="scripts/jquery.js"></script>
<style>
.tooltip {
position: absolute;
z-index: 2;
background: #efd;
border: 1px solid #ccc;
padding: 3px;
}
</style>
</HEAD>

<BODY>

<span id='mover' tip='툴팁입니다.'>마우스오버</span>

var positionTooltip = function(event) {
    var tPosX = event.pageX;
    var tPosY = event.pageY+20;
    $('div.tooltip').css({top: tPosY, left: tPosX});
};

var showTooltip = function(event) {
    $('div.tooltip').remove();
    $('<div class="tooltip">' + $(this).attr('tip') + '</div>').appendTo('body');
    positionTooltip(event);
};

var hideTooltip = function() {
$('div.tooltip').remove();
};

$('#mover')
.hover(showTooltip, hideTooltip)
.mousemove(positionTooltip);
});
</script>

</BODY>
</HTML>

[이 게시물은 관리자님에 의해 2011-10-31 16:55:28 jQuery에서 이동 됨]

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 3개

아빠불당

번호	제목	글쓴이	날짜	조회
5552	마우스 오버 위치에 따라 툴팁 생성 및 자동 이동 #개발자 #jquery	잘살아보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	2637
5551	animate 사용법 및 animate가 중복 될 경우 처리 하는 방법 [1] #개발자 #jquery	잘살아보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	2215
5550	제이쿼리 동적으로 생성된 객체에 이벤트 생성하기 #개발자 #jquery	잘살아보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	1114
5549	제이쿼리 bind, unbind 이벤트 생성, 해제하기 #개발자 #jquery	잘살아보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	1590
5548	php, 강제로 에러 출력하게 하기 #개발자 #php	잘살아보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	1154
5547	shuffle 배열섞기 #개발자 #javascript	슈와이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	1127
5546	제이쿼리 모음 사이트 #개발자 #jquery	잘살아보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	1261
5545	1원팁] IP 대역 비교 #개발자 #php	잘살아보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	1812
5544	[클래스] Interface 인터페이스 #개발자 #php	슈와이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	865
5543	sprite 이미지를 css코드로 변환해주는 웹도구 [3] #퍼블리셔 #css	우산11 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	2120
5542	input 쉽게 관리하기 [5] #개발자 #php	레어닉 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	961
5541	서버시간을 사용한 전자시계 [2] #개발자 #javascript	슈와이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	1644
5540	[함수] 1원 팁 - fwrite() 함수 관련 #개발자 #php	잘살아보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	1008
5539	영역 스크롤 질문드립니다. [1] #퍼블리셔 #기타	별이님 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	1493
5538	구글 웹사이트 번역기를 내 사이트에 달기 #개발자 #javascript	위토즈 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	2589
5537	htaccess를 이용하여 짧은주소 및 url 주소 리다이렉션하기 [1] #개발자 #웹서버	잘살아보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	2233
5536	input value 값 1씩 한꺼번에 증가시키기 [4] #개발자 #jquery	열매 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	2273
5535	맑은고딕은 무료폰트 인가요? [7] #디자이너	비빔면 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	3503
5534	자바스크립트(4) #개발자 #javascript	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	1054
5533	자바스크립트(3) #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	956
5532	자바스크립트(2) #개발자 #javascript	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	835
5531	자바스크립트(1) #개발자 #javascript	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	961
5530	정규 표현식 [1] #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	744
5529	기타 함수 #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	590
5528	수학 연산 함수 #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	973

간단한 풍선도움말

댓글 작성

댓글 3개

게시판 목록

팁게시판

마우스 오버 위치에 따라 툴팁 생성 및 자동 이동

animate 사용법 및 animate가 중복 될 경우 처리 하는 방법 [1]

제이쿼리 동적으로 생성된 객체에 이벤트 생성하기

제이쿼리 bind, unbind 이벤트 생성, 해제하기

php, 강제로 에러 출력하게 하기

shuffle 배열섞기

제이쿼리 모음 사이트

1원팁] IP 대역 비교

[클래스] Interface 인터페이스

sprite 이미지를 css코드로 변환해주는 웹도구 [3]

input 쉽게 관리하기 [5]

서버시간을 사용한 전자시계 [2]

[함수] 1원 팁 - fwrite() 함수 관련

영역 스크롤 질문드립니다. [1]

구글 웹사이트 번역기를 내 사이트에 달기

htaccess를 이용하여 짧은주소 및 url 주소 리다이렉션하기 [1]

input value 값 1씩 한꺼번에 증가시키기 [4]

맑은고딕은 무료폰트 인가요? [7]

자바스크립트(4)

자바스크립트(3)

자바스크립트(2)

자바스크립트(1)

정규 표현식 [1]

기타 함수

수학 연산 함수