0

私は現在、コンテンツがさまざまなボックスに収まるように 3 X 3 グリッド レイアウトのブログ ページを開発しています (添付の例を参照)。

http://imageshack.us/photo/my-images/337/cssex.jpg/

明るい灰色のコンテンツ ブロックは固定されているため、更新された、最近追加されたなどのコンテンツはこれらのボックスに影響せず、黒いボックスのみに影響します。グレーのボックスを固定したままにし、ブラック ボックスを動的に配置して (WordPress ブログ エントリ)、レイアウト全体に自然に浮かせるようにする最善の方法を見つけようとしています。

現時点では、個々のブラック ボックスがそれに対応する最近の投稿を照会すると考えています。したがって、最初のブラック ボックスは最新の投稿をクエリし、2 番目のブラック ボックスは 2 番目の最近の投稿をクエリする、というように続きます。

4

1 に答える 1

0

大注文！

以下は、作業を進めるのに役立つ一般的なアイデアです。

  1. <div>これらのブロックを、または<section>次のような ID タグで作成する必要があります。

    <section id=brief1>

    （ところで、「テーブル」を使用してセルを結合してそのレイアウトを取得することもできます。IDを使用するようにしてください）

  2. innerHTML次に、ストレートな JavaScript を使用して更新するスクリプト、または jQuery、MooTools などの JS ライブラリを見つける必要があります。これにより、これらのボックス内にテキストや画像を挿入できます。検索例: http://duckduckgo.com/?q=javascript+update+innerHTML+div
  3. 1 つのスポットをテキストで更新したら、そのスクリプトを編集します。ID タグの配列を作成し、それらすべてをループして新しいコンテンツを 1 つずつ挿入します。

幸運を！旅行先で事前に公開されたものを見つけたら、このスレッドを更新します。

于 2012-04-28T05:23:11.290 に答える