0

学校のプロジェクト (高校) のポートフォリオ Web ページを作成しており、work というセクションがあります。そこに画像を並べて表示したいのですが（パディングだけ）、それらをクリックすると、画像が左側のサイトに表示され、テキストが右側に表示される一種のドロップダウンメニューが表示されます。これにより、Web ページの残りのコンテンツも押し下げられます。

例？グーグル画像。たとえば「google」で検索してから画像に移動し、ランダムな画像をクリックすると、画像といくつかのテキストを含むスムーズなドロップダウンがあり、サイトの残りのコンテンツはプッシュダウン。これが私が欲しいものです。そのドロップダウンを取得し、ページの残りの部分をプッシュダウンする方法がわからないだけです。

Google のように画像をフロートさせることは大したことではありません。ここでの問題は、画像をクリックするとドロップダウンが表示され、コンテンツがプッシュダウンされることです。

私はPHPを使用していつでも好きなときに物を入れることができますが、そのimagedropdownを取得することは今のところ私の能力の範囲内ではありません.

これは、webkit と mozilla で動作する限り、すべてのブラウザーで動作する必要はありません。

何か助けはありますか？:)

4

2 に答える 2

1

あなたはJQueryでこれを行うことができます..

表示なしでアニメーション化する div を作成するだけです。

Jqueryのスライドダウン機能を使う

$(selector).slideDown();

および Jquery のドキュメント

http://api.jquery.com/slideDown/

(まだ JQuery を含めていない場合は、最初に含めることを忘れないでください)

編集 - (まだ質問にコメントできないのは本当に嫌いです)

とにかく、必要に応じてコンテンツを押し下げるには、コンテナー div で必要なものを 100px の最小高さでラップするだけです。そのコンテナー内の何かが 100px を超えると、div が成長して収まるようになり、すべてが下に押し出されます。

ここに更新されたフィドルがあります http://jsfiddle.net/hvf7Q/1/

私が助けてくれることを願っています

于 2013-03-22T20:57:51.987 に答える