jQueryリストのホバー

私は前と次のボタンで動作するjQueryスライダを持っています。唯一のことは、これらのボタン上にマウスを置くと、次または前のスライドのプレビューが表示され、マウスを移動するとそのスライドが非表示になります。私はちょうどそれを動作させるように見えることはできません...

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

私のHTMLは....

<div id="slides">
   
<div id="slide_nav"> « Previous Next » </div> </div>

スライドの幅は1440ピクセルです。

0
背景画像とテキストがあります
追加された 著者 green_arrow,

2 答え

これを試して -

$('.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');
  }
);
1
追加された

You only have mouseenter, not mouseout; you should defined both.
If you use Hover, you can include both actions in the same script.

たとえば(jQueryサイトから):

$("li").hover(
  function() {
    $(this).append($(" ***"));
  }, 
  function() {
    $(this).find("span:last").remove();
  }
);
0
追加された