메뉴이미지에 온마우스오버시 이미지설명이 나오게..?
(파일첨부) 위와 같이 메뉴이미지에 마우스를 올리면 설명 이미지가
위로 나오게 하고 싶습니다.
간단한 설명이라도 좀 부탁드립니다.
위로 나오게 하고 싶습니다.
간단한 설명이라도 좀 부탁드립니다.
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 8개
위에거 참고해 보세요
메뉴 박스영역은 style 을 position:relative 주시고,
그 메뉴박스영역 안에 position:absolute 인 DIV 하나(개별아이디 존재해야함)를 숨겨두시고
마우스올렸을때 onmouseover = document.getElementById('해당아이디').style.display='';
해주시면해당레이어가 뜹니다.
그런데 위에 띄우시겠다 했으니 position:absolute 잡으신 레이어의 top:-40px 처럼 높이를 잡아주시면됩니다.
마우스가 내려가면 반대로 onmouseout = 해당 영역.style.display='none'; 으로 적어주시면됩니다.
http://flowplayer.org/tools/demos/tabs/mouseover.html
http://flowplayer.org/tools/demos/tooltip/index.html
http://flowplayer.org/tools/demos/tooltip/custom-effect.html
http://flowplayer.org/tools/demos/tooltip/dynamic.html
아직 성공하진 못했지만 제일 처음 좋은사이트를 알려주신 진서기님에게 채택을 해드리겠습니다.
엔피씨님 l2zeo님 감사드리고 죄송합니다.
감사합니다.