1

jQueryのスキルを向上させようとしているため、独自のライトボックスを作成しています。

しかし、私を夢中にさせるものが1つあります。他のライトボックスのようにdivをアニメーション化するにはどうすればよいですか。真ん中から始まり、両側に広がります。私は無力です。

jQueryによって提供される特別なイージングプロパティでそれは可能ですか？

これが検査するjsFiddleです。

$('#clickme').click(function() {
  $('#book').animate({
    width: 'toggle',
    height: 'toggle'
  }, {
    duration: 5000,
    specialEasing: {
      width: 'linear',
      height: 'easeOutBounce'
    },
    complete: function() {
      $(this).after('<div>Animation complete.</div>');
    }
  });
});

誰かが私を助けてくれることを願っています:)

4

2 に答える 2

1

divの上下の位置をアニメーション化して、要素の中心を基準にしてサイズを変更する効果を与えることもできます。

jsFiddleの例

$('#clickme').click(function() {
    $('#lightbox').fadeIn();
    $('#lightbox').animate({
        width: 500,
        height: 250,
        top:5,
        left:10
    });
});​
于 2012-08-30T19:07:03.543 に答える
0

これを置き換えてください、jquery。開いたdivも閉じます。助けてくれてありがとう'j08691'。

$('#clickme').click(function() { $('#lightbox').fadeIn(); $('#lightbox').animate({ width: 500, height: 250, top:5, left:10 });}); $('#lightbox').click(function() { $('#lightbox').animate({ width: 0, height: 0, top:0, left:0, }).fadeOut(); });

于 2014-01-15T05:16:46.273 に答える