Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jquery-浏览器右侧的滑动导航_Jquery_Browser_Navigation_Sliding - Fatal编程技术网

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

jquery-浏览器右侧的滑动导航,jquery,browser,navigation,sliding,Jquery,Browser,Navigation,Sliding,有人能帮我做滑动导航吗?类似于代码,但当鼠标位置位于浏览器的右侧时执行效果 $(document).hover(function () { $('#navSlider').show(); }, function () { $('#navSlider').hide(); }); 提前感谢。您可以制作一个透明的浮动div,它绝对位于页面的右侧,垂直占据整个屏幕,水平占据所需的空间。然后,将悬停事件应用于该div,并在其上弹出导航滑块。在图像容器顶部创建一个div,并将其放置在图

有人能帮我做滑动导航吗?类似于代码,但当鼠标位置位于浏览器的右侧时执行效果

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

提前感谢。

您可以制作一个透明的浮动div,它绝对位于页面的右侧,垂直占据整个屏幕,水平占据所需的空间。然后,将悬停事件应用于该div,并在其上弹出导航滑块。

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

然后简单地将代码包括为

$("#hoverright").live('hover',function(){
      $('#navSlider').show();
}, function () {
     $('#navSlider').hide();
});
希望这会有帮助。

这会有帮助: