jquery移动鼠标显示层

JQuery是一个重要的JavaScript框架，它可以方便地对网页进行动态操作。移动鼠标时显示层是一个经常用到的功能，以下是使用JQuery实现的方法：

$(document).ready(function(){
  // 鼠标移动时，显示层跟随移动
  $(document).mousemove(function(e){
    // 获取鼠标当前的位置
    var x = e.pageX;
    var y = e.pageY;
    // 获取层的位置和大小
    var offset = $("#layer").offset();
    var width = $("#layer").width();
    var height = $("#layer").height();
    // 计算层的新位置
    var newX = x - offset.left - width/2;
    var newY = y - offset.top - height/2;
    // 移动层到新位置
    $("#layer").css('left',newX+'px');
    $("#layer").css('top',newY+'px');
    // 显示层
    $("#layer").show();
  });
});

上述代码是在文档加载完成后，监听鼠标移动事件，在移动事件中获取鼠标当前位置和层的位置大小，计算出层的新位置，并将层移动到新位置，最后显示层。

这样，当鼠标移动时，就可以顺利地跟随显示层了。