jquery：在右上角显示图像

Question

我对jquery很陌生，希望这是一个合适的地方。

我的问题如下。 当我鼠标悬停在页面上的某个元素上时，我希望页面右上角显示某个图像，无论它当前在哪里滚动。

我怎样才能实现这一目标？ 非常感谢！

Answer 1

您想将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;
}

Answer 2

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

请参阅http://jsbin.com/orace/

上的工作示例