jquery - 同じ空間へのフェードアウトとフェードイン

Question

#lg-image をフェードアウトし、#column-left と #column-right を #lg-image と同じスペースにフェードインしたい。これは可能ですか？

ありがとうございました

Answer 1

それを与えると#lg-image、#column-leftCSS ID セレクター#column-rightによく似ています。JavaScript の側面を持つ HTML/CSS について話していると思います。

また、CSS セレクター構文を使用して HTML 要素を参照していることを考えると、jQuery を使用して作業を完了できるようになります。jQuery のオファーfadein()とfadeOut()機能。

私がリンクしたページには、同じ場所で何かをフェードアウトし、別のものをフェードアウトするデモの例があります。fadein()あなたが探しているのは、その時点では JavaScript ではなく、2 つの要素が画面上の同じスペースを占有できるようにする CSS です。position:absolute;この例の CSS には、要素をターゲットとする CSS プロパティが含まれて<div>おり、CSS ルールのターゲティング<p>で が指定されていることに注意してくださいposition:relative;。これらは本当の魔法であり、実際にそれを理解するには、 CSS ポジショニングについて読む必要があります。

Answer 2

わかりました、これには jquery は必要ありません!

例を見てください：

デモ: http://jsbin.com/aguhu/4

ソースコード: http://jsbin.com/aguhu/4/edit

お知らせ下さい！