Javascript 仅在主页加载文档时，让导航幻灯片向下滑动_Javascript_Jquery_Css

Javascript 仅在主页加载文档时，让导航幻灯片向下滑动

javascript jquery css

Javascript 仅在主页加载文档时，让导航幻灯片向下滑动,javascript,jquery,css,Javascript,Jquery,Css,我是javascript/jquery新手，希望在登陆主页时能有一个菜单动画，让其他页面的菜单显示而不是动画下面的代码是我一直在玩的 $(document).ready(function(){ if (document.location.href.indexOf('localhost:8888') > -1 ) { //slide down menu } else { //static menu } }); 您可以使用CSS3动画来完成此任务将主页的设置为具有类主页 &

我是javascript/jquery新手，希望在登陆主页时能有一个菜单动画，让其他页面的菜单显示而不是动画

下面的代码是我一直在玩的

$(document).ready(function(){
if (document.location.href.indexOf('localhost:8888') > -1 ) {
   //slide down menu
}
else {
   //static menu
}
});

您可以使用CSS3动画来完成此任务

将主页的

设置为具有类

主页

<body class="homepage">
    <nav>
        Nav (w/UL+LI nav items)
    </nav>

    <!--...-->
</body>

编辑：

要将类添加到wordpress中的主页，请执行以下操作：

结合来自和wordpress函数的答案

将此添加到functions.php（免责声明：我还没有测试过它，但它应该可以让您达到99%的效果）

难道你不能在文档准备好的时候让它淡入淡出，然后在达到某个高度时让它保持静态吗？这不是设计应用程序的好方法。我猜你有一些母版页，你正在尝试这样做。相反，在主页中编写一个单独的函数来实现这一点。如果您需要更多帮助，请分享一些应用程序软件设计的详细信息。我正在使用Wordpress，并且在header.php文件中包含nav html5元素，该文件在所有页面中使用。如果一个类是nav的主页，有没有办法添加它？我也是php/wordpress新手。顺便问一下，为什么这样做不好？我不知道你说的在某个高度保持静止是什么意思。我希望菜单不为除homepage@DiederikEEnMy header.php包含body元素之外的任何页面设置动画，因此如果将类homepage添加到其中，动画仍将在其他页面模板上发生，因为它们会拉入header.php文件。您只能将类“homepage”添加到主页：

$（document）。准备好了吗（function（）{if（document.location.href.indexOf（'localhost:8888'）>-1）{$（body.addClass（'homepage'）；}）

@mdmullinax感谢您的回复。这种方法很有效，但body类会抛出一系列其他类，这些类会干扰我在css中已有的内容。是否可以只在body中包含homepage？到目前为止，我在body中已经将is_home更改为is_FrontPage，因为我将FrontPage.php模板设置为静态front page@alexP动画仍然在所有页面上发生。

.homepage nav {
    -webkit-animation:fadeInDown .5s;
    -moz-animation:fadeInDown .5s;
    animation:fadeInDown .5s;
}

function my_plugin_body_class($classes) {
    //if (is_home()) {
    if (is_front_page()) {
        $classes[] = 'homepage';
        //return $classes;
    }
    return $classes;
}

add_filter('body_class', 'my_plugin_body_class');