버튼에 마우스오버시 이미지뜨게하는 방법 정보
버튼에 마우스오버시 이미지뜨게하는 방법본문
레이어로 "특정 이미지"가 뜨게하려고 하는데요.
나모에 롤오버 기능은 있는데 혹시 이런기능도 있나요?
아님 이런소스 아시는분은 답변 부탁 드립니다.
댓글 전체
<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>
<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>
답변 감사합니다. 근데 작동을 안하네요.
그러신가요 혹 url 올려주시면 확인해 드리겠습니다
