侧边栏隐藏/显示按钮,跟随光标鼠标
Sidebar hide/show button that follows cursor mouse?
我在HTML上有一个侧边栏,它有一个打开和关闭侧边栏的按钮。像这样:(条是div)
| |open> <--- this is the button
| |
| |
| |
| |
on click:
- Menu 1 | |close>
- Menu 2 | |
- Menu 3 | |
- Menu 4 | |
我想要的是,如果我移动鼠标在酒吧,打开/关闭按钮移动,但我不知道如何做到这一点。
如果你能提供一些你的源html和css,我可以给你一个更具体的答案,但使用css和JQUERY类似于我下面的例子应该给你你正在寻找的效果…
进程正在用jquery监听mousemove事件,并将鼠标的Y轴位置存储在js变量中。然后我们调整'。
特别是这个方法将依赖于你的按钮有一个绝对位置和一个声明为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;
/* ... */
}
你可以在这里找到它在一个按钮垂直移动跟随鼠标
相关文章:
- 自定义函数中的光标位置
- 在Widget代码中使用javascript从左向右滑动光标图像
- 将文本插入光标所在的文本区域
- 如何在屏幕外或项目的中心视口中跟随YUI驱动的动画
- 鼠标光标-用于wordpress网站
- jQuery 用 DIV 水平跟随光标
- JavaScript 矩形跟随菜单中的光标
- AngularJS:让元素跟随光标
- Javascript html 编辑器光标焦点跟随鼠标
- 当有东西跟随光标时检测鼠标向上
- 鼠标光标跟随器限制到身体
- 如何在开始拖动任何对象时使iframe跟随鼠标光标
- 侧边栏隐藏/显示按钮,跟随光标鼠标
- 使jqZoom evolution的缩放框跟随我的鼠标光标
- 放大镜,跟随光标的画布
- 画布元素中的JavaScript球不跟随光标
- 画布跟随光标
- 想要延迟图像跟随我的鼠标光标
- 有没有办法让 css3 类跟随鼠标光标
- 使CSS工具提示跟随光标