停止user Hover中的自动滑动选项卡

// HTML结构示例
<div class="tabs">
  <div class="tab" data-tab="tab1">Tab 1</div>
  <div class="tab" data-tab="tab2">Tab 2</div>
  <div class="tab" data-tab="tab3">Tab 3</div>
</div>

<div class="tab-content">
  <div class="content" id="tab1">Content 1</div>
  <div class="content" id="tab2">Content 2</div>
  <div class="content" id="tab3">Content 3</div>
</div>

// JavaScript代码示例
$(document).ready(function() {
  var autoSlideInterval; // 用于存储自动切换的定时器

  // 鼠标悬停事件处理
  $('.tab').hover(
    function() {
      clearInterval(autoSlideInterval); // 停止自动切换
    },
    function() {
      autoSlideInterval = setInterval(autoSlide, 3000); // 恢复自动切换
    }
  );

  // 自动切换函数
  function autoSlide() {
    // 切换选项卡的逻辑代码
  }

  // 初始化自动切换
  autoSlideInterval = setInterval(autoSlide, 3000);
});