Question

我想这样做：

我的网站有视频背景。我希望隐藏主菜单，直到访问者移动鼠标。移动鼠标后，它将永远可见。

菜单位于单独的文件中：'header.inc.php'

<nav class="navbar navbar-default navbar-fixed-top">
  <div class="container">
    <div class="navbar-header">
    <a class="navbar-brand" href="#Uvod"><img src="img/logo.jpg" width="100%"></a>
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
    </div>

    <div class="collapse navbar-collapse" id="myNavbar" >
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#o-nas">O SPOLEČNOSTI</a></li>
        <li><a href="#sluzby">SLUŽBY</a></li>
        <li><a href="#reference">REFERENCE</a></li>
        <li><a href="#kontakt">KONTAKT</a></li></ul>
    </div> </div></nav>

Link to jsfiddle

Answer 1

虽然很高兴能够得到一个例子，但我已经为您快速安装了一个JSFiddle，它演示了一个简单的方法：A Supervised Learning Package for Text Classification

使用jQuery检测鼠标移动相当容易，您可以使用$(document).mousemove检测整个页面上的任何鼠标移动。

此示例只是在菜单中添加了一个类，该类将其从display:none更改为display:block。

Answer 2

这就是你所需要的：

$(window).one( "mousemove", function() {
$('#hidr, #showr').fadeIn(1000);
});

链接到笔：

http://codepen.io/damianocel/pen/YWaWJE

定位2个菜单按钮，使其适应您的代码。您可以在加载时将menues不透明度设置为0，以防止淡出其他对象的跳跃，由您决定。

访问者移动鼠标前隐藏的主菜单

2 个答案: