버튼에 마우스오버시 이미지뜨게하는 방법 > 그누4 질문답변

그누4 질문답변

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

버튼에 마우스오버시 이미지뜨게하는 방법 정보

버튼에 마우스오버시 이미지뜨게하는 방법

본문

이미지처럼 버튼에 마우스를 가져가면
레이어로 "특정 이미지"가 뜨게하려고 하는데요.

나모에 롤오버 기능은 있는데 혹시 이런기능도 있나요?
아님 이런소스 아시는분은 답변 부탁 드립니다.
  • 복사

댓글 전체

onlymilk74 자기소개 아이디로 검색 회원게시물 12.11.09 23:25:13
<div style='position:absolute;' id='view_layer'></div>
<img src = 'url' id='button_id'>
<SCRIPT LANGUAGE="JavaScript">
<!--
jQuery(document).ready(function(){
jQuery("#button_id").toggle(
function (){
click_view(1, this);
},
function (){
click_view(0, this);
}
);
});
function click_view(mode , element)
{
var top_position = 0 ; //상단위치
var left_position = 0 ; //오른쪽위치
jQuery("#view_layer").css("display",(mode)?"block":"none");

//view_layer 위치 설정
var offset = jQuery(element).offset();
jQuery("#view_layer").css({"top":offset.top+top_position,"left":left_position})
}
//-->
</SCRIPT>
목록
문의 PC 버전
© SIRSOFT
현재 페이지 제일 처음으로