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

Question

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

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

提前致谢..

Answer 1

在图像容器的顶部创建一个div并将其放置在图像的右侧...假设你给了div作为hoverright的id。

然后简单地包含代码

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

希望这会有所帮助..

Answer 2

您可以制作一个透明的浮动div，该div绝对位于页面的右侧，垂直占据整个屏幕，而水平占据的空间则尽可能多。 然后，将悬停事件应用于该div，并在其上弹出navSlider。