如何用Jquery悬停显示div然后隐藏?

时间:2010-06-10 17:31:29

标签: jquery navigation hide show

我试图在光标悬停时显示一个div并且当它没有悬停在图像上时图像和隐藏div如何完成?到目前为止,我有一个基本的节目:

  <script type="text/javascript">

  $(document).ready(function(){

  $(".plans").hover(function()
  {
    $("#planssubnav").show("slow");
  }

);

});

  </script>

1 个答案:

答案 0 :(得分:2)

试试这个:

 $(document).ready(function(){
  $(".plans").hover(function() {
    $("#planssubnav").show("slow");
  }, function(){
    $("#planssubnav").hide("slow");
  });
 });

hover 方法需要两个函数(第二个是可选的),第一个在鼠标进入包装集时执行,第二个在鼠标离开时执行,所以你是错过第二个隐藏它。