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。