Question

我在HTML上有一个侧边栏，其中有一个按钮可以打开和关闭该侧边栏..这样的事情：（酒吧是div）

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

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

我想知道如果我将鼠标移动到栏上，打开/关闭按钮会随之移动，但我不知道该怎么做。

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按钮垂直移动以跟随鼠标

侧栏隐藏/显示按钮跟随光标鼠标？

1 个答案: