网页左下角人物模型跟随鼠标移动效果实现方法

要实现网页左下角人物模型随鼠标变化，可以使用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';
});

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