側欄隱藏/顯示按鈕，跟隨光標鼠標？

Question

我對HTML側邊欄有打開和關閉該工具條按鈕..是這樣的： （酒吧是一個div）

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

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

我whant是，如果我在移動鼠標酒吧，打開/關閉按鈕隨它移動，但我不知道該怎麼做。

Answer 1

，如果你能提供一些您的源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; 
    /* ... */ 
} 

you can find it all together here in a fiddle與按鈕垂直移動跟隨鼠標