html鼠标放上去轮播暂停,jQuery：无焦点轮播图，鼠标经过停止，移开继续

这个问题涉及到前端的技术，我可以为你提供一些思路。你可以利用jQuery实现无焦点轮播图，并且通过鼠标事件来控制轮播的暂停和开始。

具体实现步骤如下：

1. 在HTML中创建轮播图的框架，并添加每个轮播项的内容和样式。

2. 利用CSS设置轮播图的布局和样式，包括轮播项的位置、大小、边距、背景等。

3. 利用jQuery编写代码实现轮播图的自动播放和暂停。可以使用setInterval()函数来定时切换轮播项，当鼠标移入轮播图区域时，使用clearInterval()函数暂停轮播，当鼠标移出轮播图区域时，重新启动轮播。

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

HTML代码：

<div class="slider">
  <div class="slider-item active">轮播项1</div>
  <div class="slider-item">轮播项2</div>
  <div class="slider-item">轮播项3</div>
</div>

CSS代码：

.slider {
  position: relative;
  width: 500px;
  height: 300px;
  margin: 0 auto;
}
.slider-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 = $('.slider-item.active');
    var $nextItem = $activeItem.next('.slider-item');
    if ($nextItem.length === 0) {
      $nextItem = $('.slider-item').eq(0);
    }
    $activeItem.removeClass('active');
    $nextItem.addClass('active');
  }, 3000);

  // 鼠标移入暂停，移出继续
  $('.slider').mouseenter(function() {
    clearInterval(intervalId);
  }).mouseleave(function() {
    intervalId = setInterval(function() {
      var $activeItem = $('.slider-item.active');
      var $nextItem = $activeItem.next('.slider-item');
      if ($nextItem.length === 0) {
        $nextItem = $('.slider-item').eq(0);
      }
      $activeItem.removeClass('active');
      $nextItem.addClass('active');
    }, 3000);
  });
});

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