0

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

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

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

1 回答 1

2

你可以使用 CSS3 动画来完成这个

jsfiddle demo

设置<body>主页的有类homepage

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

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

然后要么创建自己的动画,要么使用像Animate.css这样的预建集

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

编辑:

在 wordpress 的主页中添加一个类:

结合来自Add a custom class name to Wordpress body tag 的答案?和is_home() wordpress 函数

将此添加到functions.php(免责声明:我尚未对此进行测试,但它应该可以帮助您完成99%的工作)

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');
于 2013-05-14T12:57:55.557 回答