スタックオーバーフロースタイルのメッセージバー

新しい通知があるときに、スタックオーバーフローサイトの上部に表示されたようなメッセージバーを作成したいとします。誰でも、これをRails/CSS/jQueryでうまくやる方法を知っているか、どこかのチュートリアルを知っていますか？スタックオーバーフロースタイルのメッセージバー

出典

2011-07-11 Houen

に動作します希望はここでjQueryを使っての例ですが、jQueryのタブを試してみてください。私は近いのためのZインデックスを取得するように見えることはできません

http://jsfiddle.net/pJmb7/13/

注意ボタンをクリックしてjsFiddleの "result"イメージに取って代わるので、 "x"のクリック可能な領域を見つけることはかなり難しいです。しかし、それが機能するには底に突き出ているだけです。

これがjsFiddleサンドボックスになかった場合は、画面の上部に表示されます。

出典

2011-07-11 13:34:56

すごくきれい！ Thx jamietre – Houen

Stack Overflowは、他のすべてのコンテンツが表示されたときにそれをプッシュします。貼り付けたものはどのように実装しますか？ – Houen

位置が固定に設定されているからです。サイトの周りを流れるようにするには、サイト全体のラッパーの 'top'を移動して下に移動するか、divの'相対的な位置付け 'を使用して他のサイトのコンテンツの前に挿入します。サンプルを相対的な配置を使用するように更新しました - 私はまた、 "結果"イメージの下のすべてを、迷惑だったのでプッシュしました。 http://jsfiddle.net/pJmb7/24/表示/非表示の2通りの方法も表示されます。 –

-1

出典

2011-07-11 13:19:58 Sourav

Basic working event-based example

出典

2011-07-11 13:41:50 spliter

また良い！彼が最初だったので、ジェイミーを答えとしてマークしました... – Houen

あなたのことが実際に他のコンテンツをプッシュダウンしていることに気づいた^^ – Houen

スタックオーバーフロースタイルのメッセージバー

答えて

関連する問題