js随着鼠标滑动盒子从旁边出来

好的，你可以使用JavaScript中的事件监听来实现这个效果。具体步骤如下：

1. 首先，你需要创建一个盒子元素，可以使用HTML和CSS来实现。
2. 然后，你需要使用JavaScript来监听鼠标滚动事件。
3. 当鼠标滚动到一定位置时，你可以使用CSS中的`transform`属性来移动盒子元素。
4. 最后，你需要在JavaScript中编写代码来实现这个效果。

以下是一个实现该效果的示例代码：

HTML代码：

<div class="box">这是一个盒子</div>

CSS代码：

.box {
  width: 100px;
  height: 100px;
  background-color: green;
  position: fixed;
  top: 50%;
  left: -100px;
  transform: translateY(-50%);
  transition: all 0.5s ease-in-out;
}

JavaScript代码：

// 监听鼠标滚动事件
window.addEventListener('scroll', function() {
  // 获取盒子元素
  var box = document.querySelector('.box');
  // 获取鼠标滚动的距离
  var scrollDistance = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
  // 判断鼠标滚动的距离是否超过了一定的值
  if (scrollDistance > 200) {
    // 如果超过了一定的值，就将盒子元素移动到屏幕中央
    box.style.left = '50px';
  } else {
    // 如果没有超过一定的值，就将盒子元素移回原来的位置
    box.style.left = '-100px';
  }
});

在上面的示例代码中，我们监听了`window`对象的滚动事件，并根据滚动的距离来移动盒子元素。当滚动的距离超过了200像素时，盒子元素就会从屏幕边缘滑动到屏幕中央；当滚动的距离小于200像素时，盒子元素就会回到原来的位置。