메뉴이미지에 온마우스오버시 이미지설명이 나오게..?

· 2010-12-17 (금) 14:35:10 · 5547 · 8
sir2.jpg
(파일첨부) 위와 같이 메뉴이미지에 마우스를 올리면 설명 이미지가

위로 나오게 하고 싶습니다.

간단한 설명이라도 좀 부탁드립니다.

첨부파일

sir2.jpg (36.8 KB)
0회 2010-12-17 14:35
|

댓글 8개

일단 xhtml 사용안하시는것으로 생각하고 알려드릴게요.ㅎㅎ

메뉴 박스영역은 style 을 position:relative 주시고,
그 메뉴박스영역 안에 position:absolute 인 DIV 하나(개별아이디 존재해야함)를 숨겨두시고
마우스올렸을때 onmouseover = document.getElementById('해당아이디').style.display='';
해주시면해당레이어가 뜹니다.

그런데 위에 띄우시겠다 했으니 position:absolute 잡으신 레이어의 top:-40px 처럼 높이를 잡아주시면됩니다.

마우스가 내려가면 반대로 onmouseout = 해당 영역.style.display='none'; 으로 적어주시면됩니다.
2010-12-17 (금) 15:19:58
좋네요.^^
2010-12-17 (금) 15:19:49
jquery 툴팁 자바스크립트
2010-12-17 (금) 15:23:18
모든분들 감사합니다.

아직 성공하진 못했지만 제일 처음 좋은사이트를 알려주신 진서기님에게 채택을 해드리겠습니다.

엔피씨님 l2zeo님 감사드리고 죄송합니다.
jquery 툴팁 자바스크립트
2012-07-02 (월) 05:56:48
하는방법 찾았는돼...
감사합니다.
댓글을 작성하시려면 로그인이 필요합니다.

그누4 질문답변

66,531건

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기 기존 게시물은 열람만 가능합니다.

+
제목 글쓴이 날짜 조회
10-12-18 조회 1,685
10-12-18 조회 1,843
10-12-18 조회 1,002
10-12-18 조회 808
10-12-18 조회 813
10-12-18 조회 1,305
10-12-18 조회 884
10-12-18 조회 857
10-12-18 조회 2,648
10-12-18 조회 838
10-12-18 조회 1,779
10-12-17 조회 867
10-12-17 조회 1,544
10-12-17 조회 5,579
10-12-17 조회 4,330
10-12-17 조회 1,638
10-12-17 조회 1,525
10-12-17 조회 5,548
10-12-17 조회 1,114
10-12-17 조회 844