2

.CSS 関数を使用する場合、jquery イージング効果を jquery スクリプトにどのように追加しますか? たとえば、この他の行では動作させましたが、.CSS で動作させることはできません。jqueryイージング ライブラリを使用しています。

$("#map").animate({height:300},1000, 'easeOutBounce');

この .css スクリプトに実装するにはどうすればよいですか?

$('#comment-box').css('display','block');
4

2 に答える 2

2

.cssアニメート可能ではありません。それ.animateが目的です。displayとはいえ、異なる表示モードを切り替えるだけなので、そのようにアニメーション化できるとは思いません。.show()代わりにandを使用できます.hide()。

編集： ああ、それはあなたがしたいようです.slideDown().

これを試して：

$('div#comment').slideDown(1000, 'easeOutBounce');

.slideUp()またはを使用することもできます.slideToggle()。

于 2012-09-03T12:54:28.397 に答える
2

display 属性の代わりに要素 opacity で使用できます。

$("#map").css({opacity:0});
$("#map").animate({opacity:1}, 1000, 'easeOutBounce');

バウンス効果の多くが見られるとは思えませんが.

表示は「オン」/「オフ」タイプの属性であり、値のグラデーションは不可能です。アニメーションを実行し、コールバックを使用してアニメーションの完了後に表示属性を設定することを提案したように、不透明度を使用して効果を得ることができます。

于 2012-09-03T12:49:53.117 に答える