我开发了 Mac Style Doc Menu。当光标距离底部 100px 时,文档菜单将显示。否则菜单被隐藏。现在的问题是我只能在光标静止时使用 e.clientX 和 e.clientY。
有什么办法可以解决吗?下面是我用于动画的代码。
$(window).mousemove(function (e) {
if ((window.innerHeight - e.clientY) <= 50) {
$('.wrap').stop(true);
$('.wrap').animate({
bottom: 5
}, 1000);
} else {
$('.wrap').stop(true);
$('.wrap').animate({
bottom: -100
}, 1000);
}
});
最佳答案
感谢您的所有建议。
在这个问题上花了几个小时后,我觉得我应该分享找到的解决方案。我没有使用 Jquery,而是使用了平面 JavaScript 事件监听器,并在条件匹配时添加了回调函数。
如何添加事件列表器的简单示例。如果有人需要完整的代码,请告诉我,我也会添加。
var myListener = function (e) {
document.body.innerHTML = 'Mouse first moved: ' + e.clientY +"---"+e.clientX
};
document.addEventListener('mousemove', myListener, false);
fiddle 链接
http://jsfiddle.net/JQBmA/#&togetherjs=wUsP1yGylU
问候,
关于jquery - 鼠标移动事件问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20701433/