0

別の div でテキストをホバーして div をスライドさせたいのですが、最初の div 領域にマウスを置いたときに 3 ~ 4 回繰り返す必要があります。スライダーのdivは同じ位置に来ます...

ここに画像の説明を入力

誰かがこれを修正してくれれば本当に感謝しています...

ここにデモ
があります ここにJqueryコードがあります:-

$(document).ready(function () {
        $("#dvPanel1").hover(function () {
            $("#downPanel1").stop(false, true).slideDown(100);
        });
        $("#dvPanel1").mouseleave(function () {
            $("#downPanel1").stop(false, true).slideUp(100);
        });
    });
    $(document).ready(function () {
        $("#dvPanel2").hover(function (event) {
            $("#downPane2").stop(false, true).slideDown(300);

        });
        $("#dvPanel2").mouseleave(function (event) {
            $("#downPane2").stop(false, true).slideUp(300);

        });
    });
4

3 に答える 3

2

これは私の修正版です

http://jsfiddle.net/vonDy2791/9TAYn/4/

#downPane2 {
    display:none;
    float:left;
    width:765px;
    position:absolute;
    background-color: Aqua;
    top:360px;
    height:175px;
    margin-left:0px;
    z-index:100
}
于 2013-05-08T08:54:30.287 に答える
0

以下のように、2 番目のパネルの上部にマージンを追加してください

 <div id="downPane2" style="margin-top:189px;">

もっとお手伝いできることがあれば教えてください。

于 2013-05-08T08:18:35.227 に答える
0

position:relative「absolute」の代わりに「#downPanel..」を作成する必要があります。次に、画像の下に表示されるように top:0px を設定します (0px は、パネルの上の画像に対して相対的です)。

http://jsfiddle.net/skelly/9TAYn/3/

フィドルも更新して、複数がないようにしました$(document).onReady(..

于 2013-05-08T08:21:26.393 に答える