1

私のウェブサイトでは、次のようにマークアップを配置しています。

<body>
    <div id="wrapper">
    <div id="middle">
        <div class="red-container">
            <div class="row">
                Middle. Row 1.
            </div>
        </div>
    </div>
    <div id="right">
        <div class="green-container">
            <div class="row">
                Right. Row 1.
            </div>
        </div>
     </div>
   </div>
</body>

right明らかなように、divはdivの右側にある必要がありますmiddle。これがフィドルです（right私のフィドル内のdivは、実際にはmiddledivの右側にありません）：http://jsfiddle.net/NNMYS/

ここでスライド効果を実現しようとしています: div
のすべてのコンテンツは左にスライドし、アニメーションの後に削除されます。middle一方、同時に、rightdiv のコンテンツ (私の場合は ajax によって div に追加されます) は、右からdiv にrightスライドする必要があります(そして、div から削除されます)。どうすればそれができますか？divmiddleright

すべてのコンテンツを位置で区切って直接配置し、クリックした項目にスライドさせることで、コンテンツ スライダーを直接作成することもできました。しかし、ここでは ajax によってコンテンツを追加し、レスポンシブな実装も行うため、私の場合はそれが可能ではないようです。

4

1 に答える 1

1

これを見てください。私はこれが役立つかもしれないと思う

http://tympanus.net/codrops/2012/04/09/direction-aware-hover-effect-with-css3-and-jquery/

于 2013-06-27T11:40:43.243 に答える