WordPress导航调用二级子菜单

在学做网站论坛的VIP课程中，我们讲了做网站时，我们网站的导航是调用一级分类和页面，可往往为了一些需要，登录制作wordpress下拉菜单，要求调用某个分类下面的子分类，这又怎么做到呢？

下面给大家讲下导航调用某个分类下面的子分类的方法。其实很简单，用下面的代码就可以了：

<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/static/js/jquery1.42.min.js"></script>

<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/static/js/jquery.SuperSlide.2.1.3.js"></script>

<div id="menuun">

<?php wp_nav_menu( array( 'container' => '','menu_class' => 'topnav clearfix','menu_id' => "topmeau",'depth' => 2, ) ); ?>

<script id="jsID" type="text/javascript">



jQuery("#menuun").slide({

type:"menu",

titCell:"#topmeau>li",

targetCell:".sub-menu",

effect:"slideDown",

delayTime:300 ,

triggerTime:0,

returnDefault:true

});

</script>

</div>

还需要添加下面的CSS代码来控制二级子菜单的样式。

#menuun{width:1000px;margin:0 auto;background:#A03128;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.topnav{ height:40px;line-height:40px;padding:0 20px; position:relative; z-index:1; }

.topnav a{ color:#fff; font-weight:400; }

.topnav ul,.topnav ol,.topnav li{list-style:none;}

.topnav>li{ float:left; position:relative; }

.topnav>li a{ display:block;padding:0 20px; font-size:14px; }

.topnav .sub-menu{ display:none; width:100%; left:0; top:40px; position:absolute; background:#1B120B;/*修改下拉框背景颜色*/ line-height:26px; padding:5px; }

.topnav .sub-menu li{text-align:center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;zoom:1; }

.topnav .sub-menu a{ display:block; padding:5px 10px; }

.topnav .sub-menu a:hover{ color:#fff; }

.topnav .current-menu-item a{ color:#F00 !important; /*修改选中的文字颜色*/ }