jquery 鼠标移入每个li 切换相关容器，移出每个li 继续自动切换容器

这个问题也是涉及到前端的技术，我可以为你提供一些思路。你可以利用jQuery实现鼠标移入每个li切换相关容器，移出每个li继续自动切换容器。

具体实现步骤如下：

1. 在HTML中创建相关容器和导航菜单。容器可以使用div标签，导航菜单可以使用ul和li标签。

2. 利用CSS设置容器和导航菜单的样式，包括位置、大小、背景、边框等。

3. 利用jQuery编写代码实现容器的自动切换和鼠标事件的处理。可以使用setInterval()函数来定时切换容器，当鼠标移入导航菜单时，根据当前鼠标所在的li来切换容器，并且暂停自动切换，当鼠标移出导航菜单时，重新开始自动切换。

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

HTML代码：

<ul class="nav">
  <li class="active">导航1</li>
  <li>导航2</li>
  <li>导航3</li>
</ul>
<div class="container">
  <div class="item active">容器1</div>
  <div class="item">容器2</div>
  <div class="item">容器3</div>
</div>

CSS代码：

.nav {
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav li {
  display: inline-block;
  padding: 10px;
  border: 1px solid #ccc;
  cursor: pointer;
}
.nav li.active {
  background-color: #ccc;
}
.container {
  position: relative;
  width: 500px;
  height: 300px;
  margin: 0 auto;
}
.item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ccc;
  display: none;
}
.active {
  display: block;
}

jQuery代码：

$(function() {
  // 自动切换
  var intervalId = setInterval(function() {
    var $activeItem = $('.item.active');
    var $nextItem = $activeItem.next('.item');
    var $activeNav = $('.nav li.active');
    var $nextNav = $activeNav.next('li');
    if ($nextItem.length === 0) {
      $nextItem = $('.item').eq(0);
      $nextNav = $('.nav li').eq(0);
    }
    $activeItem.removeClass('active');
    $nextItem.addClass('active');
    $activeNav.removeClass('active');
    $nextNav.addClass('active');
  }, 3000);

  // 鼠标移入移出
  $('.nav li').mouseenter(function() {
    var index = $(this).index();
    $('.item').eq(index).addClass('active').siblings('.item').removeClass('active');
    $(this).addClass('active').siblings('li').removeClass('active');
    clearInterval(intervalId);
  }).mouseleave(function() {
    intervalId = setInterval(function() {
      var $activeItem = $('.item.active');
      var $nextItem = $activeItem.next('.item');
      var $activeNav = $('.nav li.active');
      var $nextNav = $activeNav.next('li');
      if ($nextItem.length === 0) {
        $nextItem = $('.item').eq(0);
        $nextNav = $('.nav li').eq(0);
      }
      $activeItem.removeClass('active');
      $nextItem.addClass('active');
      $activeNav.removeClass('active');
      $nextNav.addClass('active');
    }, 3000);
  });
});

以上代码仅是一个简单示例，你可以根据自己的需求进行修改和扩展。