간단한 풍선도움말

관리자

· 16년 전 · 조회 2891 2891 · 댓글 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개

아빠불당

프로필 보기 이 회원 글보기 이 회원의 댓글보기

16년 전

현재 /adm/에서 사용하는 help

<?=help("목록 한페이지당 라인수")?>

/adm/admin.lib.php에서...

function help($help="", $left=0, $top=0)
{
global $g4;
static $idx = 0;

$idx++;

$help = preg_replace("/\n/", "<br>", $help);

$str = "<img src='$g4[admin_path]/img/icon_help.gif' border=0 width=15 height=15 align=absmiddle onclick=\"help('help$idx', $left, $top);\" style='cursor:hand;'>";
//$str .= "<div id='help$idx' style='position:absolute; top:0px; left:0px; display:none;'>";
$str .= "<div id='help$idx' style='position:absolute; display:none;'>";
$str .= "<div id='csshelp1'><div id='csshelp2'><div id='csshelp3'>$help</div></div></div>";
$str .= "</div>";

return $str;
}

style 부분은 style.css에 넣겠지만,
$('#mover') 같은 부분을 범용화 하는거는 간단하지만 꽤 어렵네요. ㅠ..ㅠ...

시간될 때 플러그인을 한번 봐야겠어요. 코딩 스탈이 어떻게 된 것인지

소루

프로필 보기 이 회원 글보기 이 회원의 댓글보기

16년 전

좋은소스 감사드립니다.^^

여리82

프로필 보기 이 회원 글보기 이 회원의 댓글보기

13년 전

감사합니다.

게시글 목록

번호	제목	글쓴이	조회	날짜
27980	이런 네비게이션 소스 혹시 아시는분 5	삼관왕	1,667	11년 전
7164	영카트5 orderform.php 수정 관련 질문입니다.	ImSG	928	11년 전
31729	부트스트랩 Bootstrap 강좌 5. Bootstrap JS Collapse 2	신리	2,213	11년 전
31726	부트스트랩 Bootstrap 강좌 4. Bootstrap Components 2	신리	1,712	11년 전
31725	부트스트랩 Bootstrap 강좌 3. Bootstrap CSS Ref.	신리	3,796	11년 전
31720	부트스트랩 Bootstrap 강좌 2. Bootstrap Case 4	신리	2,260	11년 전
31711	부트스트랩 Bootstrap 강좌 1. Bootstrap Basic 8	신리	4,505	11년 전
7159	자바스크립트 롤오버좀 도와주세여 ㅠㅠ 4	호식이와미돌	1,276	11년 전
27974	고수님들 도와주세요 ㅠㅠ 5	호식이와미돌	1,136	11년 전
19734	PHP [알고리즘] 단순 연결 리스트를 이용한 스택(stack) 1	슈와이	1,777	11년 전
19730	PHP [알고리즘] 배열로 구현하는 스택(stack) 3	슈와이	1,752	11년 전
19729	PHP [알고리즘] 배열 역순	슈와이	1,314	11년 전
27969	도서 추천 부탁드려요~~ 4	나는웹디다	964	11년 전
7142	php 개발시에 다들 eclipse 사용하십니까? 16	멋진남자임	1,612	11년 전
19728	jQuery remove()를 이용하여 엘리먼트 삭제하기	잘살아보자	982	11년 전
19725	PHP 개발하면서 도움이 많이 되는 array 함수 extract 소개합니다 2	천국나무	1,084	11년 전
7130	php로 개발하면서 array 를 얼마 많금활용 하세요? 11	천국나무	1,301	11년 전
19722	jQuery 동일 엘리먼트 순번 알아내기 2	잘살아보자	1,115	11년 전
19719	PHP [클래스] abstract 추상클래스 2	슈와이	872	11년 전
7124	페이스북 같은 사이트를 하나 만들려면... 5	사랑한데이	2,054	11년 전
19718	jQuery width(), height() 메서드를 이용하여 가로크기, 세로 크기 알아내기	잘살아보자	1,868	11년 전
19717	jQuery offset() 메서드를 이용하여 left, top 값 set, get 하기	잘살아보자	3,039	11년 전
19716	jQuery position() 메서드 객체에 대한 좌표값	잘살아보자	1,015	11년 전
19715	jQuery closest : 선택된 요소에서 최초의 부모요소 객체를 얻어온다.	잘살아보자	777	11년 전
7122	그누보드를 사용한 사람은 쇼핑몰 제작에는 영카트가 좋을까요? 1	디스달	863	11년 전
30959	CSS css !important 의 활용 3	잘살아보자	2,752	11년 전
19714	PHP [클래스] 여러 종류의 객체를 하나의 배열로 다루기	슈와이	1,012	11년 전
31710	jQuery Mobile jQuery Mobile 강좌 19. Select Menus	신리	1,211	11년 전
31709	jQuery Mobile jQuery Mobile 강좌 18. Text Inputs	신리	715	11년 전
19713	PHP 배열에서 그룹별로 합계 구하기(group by)	슈와이	1,498	11년 전
7117	개발자님들, 슬로우쿼리 문제 좀 봐주세요!!! 4	mijaya	1,490	11년 전
19712	PHP [클래스] instanceof 인스턴스 확인	슈와이	901	11년 전
7111	서버이전을 하였는데 문제가 생겻읍니다 5	까망아이	1,081	11년 전
31708	jQuery Mobile jQuery Mobile 강좌 17. Form Basic	신리	762	11년 전
31707	jQuery Mobile jQuery Mobile 강좌 16. Filters	신리	721	11년 전
19710	PHP preg_split 를 이용한 문자열 나누기와 중복값 제거후 정렬 1	슈와이	1,551	11년 전
31706	jQuery Mobile jQuery Mobile 강좌 15. List Content	신리	892	11년 전
31705	jQuery Mobile jQuery Mobile 강좌 14. List Views	신리	797	11년 전
31704	jQuery Mobile jQuery Mobile 강좌 13. Layout Grids	신리	902	11년 전
19709	PHP 중복된 값 중 한개만 제거 2번째 이야기	잘살아보자	1,089	11년 전
19707	PHP 중복된 값 중 제일 처음에 있는 값만 제거하기 1	잘살아보자	735	11년 전
31703	jQuery Mobile jQuery Mobile 강좌 12. Tables	신리	780	11년 전
19706	jQuery class가 있는지 없는지 체크하기	잘살아보자	1,295	11년 전
31702	jQuery Mobile jQuery Mobile 강좌 11. Collapsibles	신리	818	11년 전
19705	PHP 배열에서 중복 값 없애기	잘살아보자	1,316	11년 전
31701	jQuery Mobile jQuery Mobile 강좌 10. Panels	신리	809	11년 전
19704	PHP [클래스] Singleton 싱글톤	슈와이	977	11년 전
31700	jQuery Mobile jQuery Mobile 강좌 9. Navigation Bars	신리	1,006	11년 전
31699	jQuery Mobile jQuery Mobile 강좌 8. Toolbars	신리	757	11년 전
31698	jQuery Mobile jQuery Mobile 강좌 7. Popups	신리	787	11년 전
7107	모바일 웹 연동 웹앱에서 본인인증 후 경로 질문입니다.. 3	싱글탱글	1,023	11년 전
19703	JavaScript str_pad 자릿수만큼 특정문자로 채우기	슈와이	1,955	11년 전
31697	jQuery Mobile jQuery Mobile 강좌 6. Icons	신리	786	11년 전
31696	jQuery Mobile jQuery Mobile 강좌 5. Buttons	신리	801	11년 전
19702	PHP [클래스] Overloading 오버로딩2	슈와이	737	11년 전
19701	PHP [클래스] Overloading 오버로딩1	슈와이	1,155	11년 전
31695	jQuery Mobile jQuery Mobile 강좌 4. Transitions	신리	805	11년 전
27965	포커싱에 맞게 오브젝트가 보여지는 방법 문의요! 3	김우너석	710	11년 전
31694	jQuery Mobile jQuery Mobile 강좌 3. Pages	신리	1,040	11년 전
19700	PHP 날짜 문자 1분 전, 1시간 전, 1일 전 표시	레어닉	1,368	11년 전
31693	jQuery Mobile jQuery Mobile 강좌 2. Install	신리	996	11년 전
19699	PHP [클래스] 포함관계를 통한 다중상속(?)	슈와이	924	11년 전
31692	jQuery Mobile jQuery Mobile 강좌 1. Introduction	신리	965	11년 전
31691	jQuery Mobile jQuery Mobile 강좌 0.home	신리	1,799	11년 전
19698	PHP [클래스] __construct 조상클래스의 생성자	슈와이	870	11년 전
19697	PHP [클래스] Overriding 오버라이딩	슈와이	928	11년 전
19696	jQuery 마우스 오버 위치에 따라 툴팁 생성 및 자동 이동	잘살아보자	2,704	11년 전
19694	jQuery animate 사용법 및 animate가 중복 될 경우 처리 하는 방법 1	잘살아보자	2,253	11년 전
19693	jQuery 제이쿼리 동적으로 생성된 객체에 이벤트 생성하기	잘살아보자	1,138	11년 전
19692	jQuery 제이쿼리 bind, unbind 이벤트 생성, 해제하기	잘살아보자	1,627	11년 전
19691	PHP php, 강제로 에러 출력하게 하기	잘살아보자	1,240	11년 전
19690	JavaScript shuffle 배열섞기	슈와이	1,154	11년 전
19689	jQuery 제이쿼리 모음 사이트	잘살아보자	1,287	11년 전
19688	PHP 1원팁] IP 대역 비교	잘살아보자	1,889	11년 전
19687	PHP [클래스] Interface 인터페이스	슈와이	928	11년 전
7105	네이버/다음 캘린더 외부 삽입은 막혀있나요? 1	그누5입문	1,936	11년 전
30955	CSS sprite 이미지를 css코드로 변환해주는 웹도구 3	우산11	2,160	11년 전
7100	전혀 다른 시스템의 DB이전 어떻게 처리 하시나요? 4	Terrorboy	855	11년 전
19681	PHP input 쉽게 관리하기 5	레어닉	1,001	11년 전
7097	작업은 어느정도 되가나요? 에 어떻게 대답을 해야될까요? 2	클베	711	11년 전
19678	JavaScript 서버시간을 사용한 전자시계 2	슈와이	1,672	11년 전
7089	Sphinx search 적용 후기 7	진서기	1,541	11년 전
7086	서브도메인 설정 도움이필요합니다 ㅜㅜ 2	sogo87	1,028	11년 전
7084	여쭤봅니다. 어디서 검색해오는지 1	쥬드로옹	910	11년 전
7082	제발 도와주세요 1	꿈의세계	686	11년 전
19677	PHP [함수] 1원 팁 - fwrite() 함수 관련	잘살아보자	1,066	11년 전
30953	기타 영역 스크롤 질문드립니다. 1	별이님	1,519	11년 전
7080	html언어에서요,폰트를 일정 사이클로 바꿔주고 싶은데 어떻게해야하나요? 1	presee	587	11년 전
7077	홈페이지 주소 설정 문의입니다.. 2	sogo87	777	11년 전
7071	테이블 태그 관련 문의 5	빅맨	857	11년 전
7070	chart 관련 javascript framework	브라이언2	879	11년 전
7066	귀차니즘은 개발자를 발전하게 만든다. 3	Terrorboy	1,085	11년 전
19676	JavaScript 구글 웹사이트 번역기를 내 사이트에 달기	위토즈	2,616	11년 전
19674	웹서버 htaccess를 이용하여 짧은주소 및 url 주소 리다이렉션하기 1	잘살아보자	2,273	11년 전
27961	움직이는 퀵메뉴 하단에 닿기 전에 멈추는 방법이 있을까요? 3	dethos79	1,835	11년 전
7063	SSL 적용하면 속도가 혹시 & 질문2개 2	멋진남자임	1,396	11년 전
7061	PHP 의 5.6 메인 브랜치의 정식 버전이 출시 1	카이루	1,338	11년 전
19669	jQuery input value 값 1씩 한꺼번에 증가시키기 4	열매	2,311	11년 전
7060	안드로이드 UI 노과다	컴대장	1,579	11년 전
20842	도로명주소 juso.sir.co.kr 도로명 주소 검색 시스템 구축 가이드 - 전체파일 7	편리	2,779	11년 전

이전 다음

8 9 10 11 12

전체 목록