jquery - jquery - 浏览器右侧的滑动导航

Question

任何人都可以帮助我进行滑动导航吗？类似于代码的东西，但是当鼠标位置在浏览器的右侧时执行效果。

$(document).hover(function () {
     $('#navSlider').show();
}, function () {
     $('#navSlider').hide();
});

提前致谢..

Answer 1

在图像容器顶部创建一个 div 并将其放置在图像的右侧...假设您将 div 的 id 指定为hoverright.

然后只需将代码包含为

$("#hoverright").live('hover',function(){
      $('#navSlider').show();
}, function () {
     $('#navSlider').hide();
});

希望这会有所帮助..

Answer 2

您可以制作一个绝对位于页面右侧的透明浮动 div，垂直占据整个屏幕，水平占据您需要的部分。然后，将悬停事件应用于该 div，并让您的 navSlider 弹出它。