Question

我已经得到了以下代码，但是div与所有屏幕/浏览器的距离并不相同。是否需要绑定另一个脚本以确保我获得不同屏幕尺寸的相同结果：

<script>
$(document).bind('mousemove', function(e){
    $('#try').css({
        left: e.pageX -300,
        top: e.pageY -145
    });
});
</script>

<style>
#try {
    position: absolute;
    float: centre;
    text-align: left; 
    width: 0px; 
    height: 0px;
    border: 0;
    display: inline;
}

div {
    border: 0px solid;
    text-align: center;
} 

body { 
    text-align:center; 
}
</style>

Answer 1

<style>
  #try {
    position: fixed;
    float: centre;
    text-align:left; 
    width:0px; 
    height:0px;
    border:0;
    display: inline;

}

div {border:0px solid;text-align:center;} 

body { text-align:center; }
  </style>

位置已更改为固定

Mousemove遵循浏览器和屏幕兼容性

1 个答案: