jQuery列表悬停

我有一个jQuery滑动条，在运动中使用“上一步”和“下一步”按钮。唯一的问题是，我希望这样，当你在这些按钮上悬停时，会显示下一张或上一张幻灯片的预览，当你将鼠标移开时，它们会隐藏起来。我就是不能让它工作

$('.next_slide').mouseenter(function() {
   $('.slide_container li').stop().animate({ left: -440 }, 10, 'easeInOutExpo');                            
});

我的html是

<div id="slides">
   <ul class="slide_container">
      <li class="one slide"></li>
      <li class="two slide"></li>
      <li class="three slide"></li>
   </ul>
   <div id="slide_nav">
      <a href="#" class="prev_slide">&laquo; Previous</a>
      <a href="#" class="next_slide">Next &raquo;</a>
   </div>
</div>

幻灯片的宽度为1440px。

试试这个-

$('.next_slide').hover(
  function(){ // OVER
    $('.slide_container li').stop().animate({ left: -440 }, 10, 'easeInOutExpo');
  },
  function(){ // OUT
    $('.slide_container li').stop().animate({ left: 0 }, 10, 'easeInOutExpo');
  }
);

---

你只有鼠标，没有鼠标；您应该同时定义两者。
如果使用“悬停”，则可以在同一脚本中包含这两个操作

例如（从jQuery站点）：

$（“li”）。悬停(
函数（）{
$（此）。追加（$（“***”）；
}, 
函数（）{
$（this.find（“span:last”）.remove（）；
}
);

将有一个背景图像和一些文本

$("li").hover(
  function () {
    $(this).append($("<span> ***</span>"));
  }, 
  function () {
    $(this).find("span:last").remove();
  }
);