4

div 要素の表示と非表示をアニメーション化する必要があります。それを可能にするJSライブラリまたはCSSトリックはありますか? jQuery などについては知っていますが、大きすぎます。5 KB を超えて使用したくありません。

CSSトランジションもやってみましたが、displayプロパティが使えません。可視性はページで発生しますが、これは望ましくありません。

編集: 例: jQuery.toggle()。上から2番目のデモ。

4

2 に答える 2

2

CSS トランジションを使用します。表示プロパティに触れる必要はありません。

div の高さ/幅 (または両方) を 0 に設定してから、目的のサイズに設定して、トランジションを有効にすることができます。

または、div の位置をアニメーション化すると、ページから div をフライ イン/フライ アウトできます (ページの外側から開始して目的の位置にフライ インする、またはその逆)。上から、または左右からスライドできます。

于 2012-12-15T16:23:40.903 に答える
0

このページは、jQuery を使用せずにこれを行うために必要なコードを示しているようです。

http://brugbart.com/Articles/javascript-fade

ただし、ページ全体を読んでいないため、合法かどうかはわかりません.

于 2012-12-15T15:36:04.593 に答える