jquery : 오른쪽 상단 모서리에 이미지 표시

Question

나는 jquery에 아주 익숙하며 이것이 올바른 곳인지 물었습니다.

내 문제는 다음과 같습니다. 내가 마우스로 페이지의 특정 요소를 마우스로 가리키면, 특정 이미지가 페이지의 오른쪽 상단 모서리에 표시되고 싶습니다. 스크롤되는 위치에 상관없이 말입니다.

어떻게 달성 할 수 있습니까? 감사합니다.

Answer 1

$(function(){ 
    $("#certain_element").mouseover(function(){ 
    $("#certain_img").css({position:"fixed",right:"0px",top:"0px"}); 
    }); 
}); 

당신은 top: 0; right: 0으로 position: fixed CSS 속성을 사용할 http://jsbin.com/orace/

Answer 2

에 예를 들어 작업을 참조하십시오.

IE 6 지원이 필요한 경우 this page을 확인하십시오.

$("#triggerId").mouseover(function (e) { 
    $("#cornerImageId").show(); 
}); 

그리고 당신의 CSS에있다 : 난 절대 대신 고정 사용하는 경우

#cornerImageId { 
    position: fixed; 
    top: 0; 
    right: 0; 
}