-1

「PHOTOS」を一番下に配置したい div があります (#slideup 内に、PHOTOS のある div を持つ div があります)。 div。カーソルがdivを離れると、「PHOTOS」が一番下に戻ります。

これが私の弱い試みです。ヘッダーを表示可能な場所にオフセットできないようです。どんな助けでも大歓迎です。

http://jsfiddle.net/JcBAd/2315/

$("#other-guy").hover(function () {
  $("#slideup").slideToggle("fast");
});

ここに例があります (一種の) http://www.barackobama.com/ . 右側の列で、「移民改革」にカーソルを合わせると、私が探しているものがわかります。唯一の違いは、ヘッダーを一番上に貼り付けたいことです。

4

2 に答える 2

1

たとえば、jQuery .animate() を使用できます。このFIDDLEを確認してください。

ここにJSコード:

 $("#other-guy").hover(function () {
        $("#slideup").stop().animate({'bottom' : 0}, 'fast');   /* open */ 
    },

    function(){
        $("#slideup").stop().animate({'bottom' : -180}, 'fast');    /* close */
    }
);
于 2013-04-16T10:22:43.197 に答える
0

ホバー効果を使用しているため、マウスを上に置いたときにのみ div が表示されます。そのホバー効果なしでコードを使用するには、javascript コードを削除し、HTML を次のように変更します。

<div id="other-guy">
<div style="background: #333; color: #FFF;">PHOTOS</div>  

それが動作します。はい、ホバー効果とは何ですか?あなたの興味のために見てください

于 2013-04-15T14:22:38.760 に答える