我是 javascript/jquery 的新手,希望在登陆主页时有一个菜单动画,并让菜单显示而不是其他页面的动画。
下面的代码是我一直在玩的。
$(document).ready(function(){
if (document.location.href.indexOf('localhost:8888') > -1 ) {
//slide down menu
}
else {
//static menu
}
});
我是 javascript/jquery 的新手,希望在登陆主页时有一个菜单动画,并让菜单显示而不是其他页面的动画。
下面的代码是我一直在玩的。
$(document).ready(function(){
if (document.location.href.indexOf('localhost:8888') > -1 ) {
//slide down menu
}
else {
//static menu
}
});
你可以使用 CSS3 动画来完成这个
设置<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');