0 
 $(function(){
    $('.header').on('mouseover',function(){
    $(this).animate({height:"200px"},500,'easeOutBounce');
    },
    function(){
$('header').on('mouseout',function(){
$(this).animate({height:"10px"},500,'easeOutBounce');
});
});
});

効果が出てくるヘッダーをアニメーション化しようとしていeaseOutBounceますが、マウスを離すと、10px高さで非表示になります。

私はこれを成し遂げていません。これで何が悪かったのか教えてください。

このための フィドル -フィドル

次の関数で高さを設定できません10px。2 番目のマウスアウト関数を試しましたが、うまくいきませんでした。

4

2 に答える 2

1 
 $( "#clickme" ).click(function() {
  $( "#book" ).animate({
    height: "toggle"
  }, {
    duration: 2000,
    specialEasing: {
      height: "easeOutBounce"
    },
  });
});
于 2015-04-16T07:48:13.847 に答える