-6

HTMLにサイドバーがあり、そのサイドバーを開閉するボタンがあります..次のようなものです:(バーはdivです)

    | |open> <--- this is the button
    | |
    | |
    | |
    | |

    on click:
    - Menu 1 | |close> 
    - Menu 2 | |
    - Menu 3 | |
    - Menu 4 | |

私が欲しいのは、マウスをバーの上に移動すると、開く/閉じるボタンが一緒に移動しますが、その方法がわかりません。

4

1 に答える 1

0

ソースのhtmlとcssの一部を提供できれば、より具体的な答えを得ることができますが、以下の例のようにCSSとJQUERYを使用すると、探している効果が得られるはずです...

このプロセスは、jquery を使用して mousemove イベントをリッスンし、マウスの Y 位置を js 変数に格納しています。次に、その値に一致するように「.button」の CSS を調整します。

具体的には、このメソッドは、TOP に対して宣言された値を持つ絶対位置を持つボタンに依存します。

HTML

<div class="button"></div>

JS

var posY;

$(document).mousemove( function(e) { 
   posY = e.pageY;
    $('.button').css({'top': posY});
});

CSS

.button {
    top:0px;
    position:absolute;
    /* ... */
}

ここでは、ボタンが垂直に移動してマウスに追従するフィドルですべて一緒に見つけることができます

于 2013-05-20T19:21:30.723 に答える