Javascript 光标鼠标后的侧边栏隐藏/显示按钮?

Javascript 光标鼠标后的侧边栏隐藏/显示按钮?,javascript,html,Javascript,Html,我在HTML上有一个侧边栏,它有一个打开和关闭侧边栏的按钮。。大概是这样的: (大律师是一名律师) | | open> -菜单2 || -菜单3 || -菜单4 || 我想知道的是,如果我把鼠标移到工具栏上,打开/关闭按钮会随之移动,但我不知道怎么做。如果你能提供一些源html和css,我可以给你一个更具体的答案,但是使用类似我下面例子的css和JQUERY应该会给你你想要的效果 该过程使用jquery侦听mousemove事件,并将鼠标的Y位置存储在js变量中。然后我们调整“.”按钮的CSS

我在HTML上有一个侧边栏,它有一个打开和关闭侧边栏的按钮。。大概是这样的: (大律师是一名律师)

| | open>
-菜单2 ||
-菜单3 ||
-菜单4 ||

我想知道的是,如果我把鼠标移到工具栏上,打开/关闭按钮会随之移动,但我不知道怎么做。

如果你能提供一些源html和css,我可以给你一个更具体的答案,但是使用类似我下面例子的css和JQUERY应该会给你你想要的效果

该过程使用jquery侦听mousemove事件,并将鼠标的Y位置存储在js变量中。然后我们调整“.”按钮的CSS以匹配该值

具体来说,此方法将依赖于按钮的绝对位置以及为TOP声明的值

HTML

CSS


随着按钮垂直移动以跟随鼠标

可以发布一些源代码或更多信息吗?
    | |open> <--- this is the button
    | |
    | |
    | |
    | |

    on click:
    - Menu 1 | |close> 
    - Menu 2 | |
    - Menu 3 | |
    - Menu 4 | |
<div class="button"></div>
var posY;

$(document).mousemove( function(e) { 
   posY = e.pageY;
    $('.button').css({'top': posY});
});  
.button {
    top:0px;
    position:absolute;
    /* ... */
}