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