jquery：在右上角顯示圖像

Question

我對jquery很新，希望這是要問的地方。

我的問題是以下。 當我將鼠標懸停在頁面上的某個元素上時，我希望某個圖像顯示在頁面的右上角，而不管它當前在哪裏滾動。

我該如何做到這一點？ 非常感謝！

Answer 1

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

看到http://jsbin.com/orace/

Answer 2

工作比如你要使用position: fixed CSS屬性與top: 0; right: 0。

如果您需要IE 6支持，請檢查this page。

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

而且在你的CSS：

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