怎么实现网页左下角人物模型随鼠标变化

要实现网页左下角人物模型随鼠标变化，可以使用JavaScript来实现。以下是一种实现方式：

1. 在HTML中创建一个放置人物模型的div元素，设置它的位置为左下角，并将其id设置为"character"。

<div id="character" style="position: fixed; bottom: 0; left: 0;"></div>

2. 在JavaScript中获取鼠标移动事件，并计算鼠标相对于屏幕左上角的位置。

document.addEventListener("mousemove", function(event) {
  var mouseX = event.clientX;
  var mouseY = event.clientY;

  // 在这里根据鼠标位置设置人物模型的样式
});

3. 根据鼠标位置，计算人物模型的样式，并将其应用于div元素。

document.addEventListener("mousemove", function(event) {
  var mouseX = event.clientX;
  var mouseY = event.clientY;

  var character = document.getElementById("character");
  character.style.left = mouseX + "px";
  character.style.bottom = mouseY + "px";
});

这样，当鼠标移动时，人物模型的位置就会随之变化。你可以根据实际需求来调整人物模型的样式和位置