Javascript 鼠标跟踪页面-并显示它

基本上，我试图在网页的上角创建一个小图像，即使页面被滚动，它也会保持在相同的位置，并显示鼠标的位置

---

关键是要有一个向下和向右延伸的大网页，如果我有一个小图像，表明访问者在这个页面上的确切位置，那么这个大页面的导航就会更容易（因为浏览器窗口比页面小）。我只想在网页上跟踪浏览器窗口的位置，但是我找不到任何有助于我这样做的东西，所以我想我可能只需要移动鼠标就可以了。问题是我对java一无所知，所以有人知道我如何跟踪鼠标在页面（而不是浏览器）上的位置，同时在浏览器上角的一个小图像上显示它吗？

这将起作用，但仅适用于支持css3转换（缩放）的现代浏览器：

它的工作原理是将应该位于.actual page div中的整个页面复制到位于页面左上角的.thumbnail div中。然后，我使用css转换缩放克隆页面，并使用javascript将鼠标移动复制到小框中，以下是脚本：

var TinyNav = function() {
    this.init = function() {
        var clone = $('.actual-page').clone();
        $('.thumbnail').append(clone);
        $('.actual-page').on('mousemove', function(e) {
            var posX = e.offsetX;
            var posY = e.offsetY;
            $('.thumbnail .cursor').css({
                top: posY / 10,
                left: posX / 10
            });
        });
    }

    this.init();
}

var tinyNav = new TinyNav();

另一种方法是使用画布，但浏览器支持也不是最好的。。

---

希望这有帮助

这与java有什么关系？你可以用javascript来做！基本上听起来像是家庭作业。