js 鼠标移入文字放大效果

可以使用CSS的`transform`属性实现文字放大效果，再通过JavaScript监听鼠标移入事件来触发效果。

以下是一个简单的示例代码：

HTML部分：

<p class="zoom-text">这是一段需要放大的文字</p>

CSS部分：

.zoom-text {
  font-size: 16px;
  transition: all 0.5s ease-in-out;
}

.zoom-text:hover {
  transform: scale(1.2);
}

JavaScript部分：

var zoomText = document.querySelector('.zoom-text');

zoomText.addEventListener('mouseenter', function() {
  zoomText.style.transform = 'scale(1.2)';
});

zoomText.addEventListener('mouseleave', function() {
  zoomText.style.transform = 'scale(1)';
});

当鼠标移入`.zoom-text`元素时，会触发`mouseenter`事件，将元素的`transform`属性设置为`scale(1.2)`即可实现文字放大效果。当鼠标移出元素时，会触发`mouseleave`事件，将`transform`属性设置回原来的值即可取消效果。