2012-04-19 5 views
2

のサイズを変更する私は最近、オバマのキャンペーンからこのマイクロサイトにつまずいた:(CSS)を変更する要素のスタイルが

このサイトの多くのクールな機能の中で

http://www.barackobama.com/anniversary

は、そのダイナミックなヘッダーです - あなたはあなたのサイズを変更するとき「OBAMA * BIDEN」のロゴは、ヘッダーの左側に自動的に浮動し、その幅は36pxに変更されます(「OBAMA BIDEN」テキストが隠されます)。

このページの開発者はどのようにこの効果を達成しましたか?これはjavascript/jquery駆動ですか、まったくCSSのトリックですか?

アイデア?

答えて

1

This questionは、window.resizeイベントをカバーします。ハンドラで必要な処理を実行できます。

もう1つの選択肢は、ブラウザウィンドウの寸法が変更された後に適用されたCSSを変更できるようにすることです(これはあなたが参照するサイトです)。スタイルは大小両方のブラウザの次元でロゴに適用されます))。

関連する問題