网站左下角的小人怎么实现

网站左下角的小人通常是通过使用JavaScript和CSS实现的。具体实现方法如下：

1. 创建一个div元素，将其放置在网页的左下角位置。

2. 使用CSS样式设置该div元素的背景图片为小人。

3. 使用JavaScript代码使该div元素在鼠标悬停时显示，鼠标离开时隐藏。

4. 可以添加动画效果，使小人在显示和隐藏时有渐变的效果。

以下是一个简单的实现示例：

HTML代码：

<div id="person"></div>

CSS样式：

#person {
  position: fixed;
  bottom: 20px;
  left: 20px;
  width: 50px;
  height: 50px;
  background-image: url('person.png');
  background-size: cover;
  display: none;
}

JavaScript代码：

var person = document.getElementById('person');

person.addEventListener('mouseover', function() {
  person.style.display = 'block';
});

person.addEventListener('mouseout', function() {
  person.style.display = 'none';
});

注意：在实现时需要将小人图片替换为自己的图片，并将CSS样式中的宽度和高度等属性调整为适合自己图片的大小