如何给动态给导航菜单中的li标记引用class

js实现的，你将这段放入进去试试(放到ul前后都行) 我然后鼠标移到菜单上看看，

<style type="text/css">

.red{background:red}

</style>

<script type="text/javascript" >

window.onload = function (){

document.getElementById("menu").onmouseover = function (){

this.className="red"

}

document.getElementById("menu").onmouseout = function (){

this.className=""

}

}

</script>

wordpress 导航菜单的调用，一般都使用自带的wp_nav_menu()函数，使用后发现，这个函数并没提供给我们给每一项导航菜单添加自定义class的接口功能！

搜索了下，最终在老外的一篇文章中发现了wordpress自身提供的解决方法！嗯，wordpress还是很强大的...

方法很简单：依次进入wordpress后台->外观->菜单,然后在页面右侧的右上角点“显示选项”，我们看到“显示菜单高级属性”中有个“css类”选项，把它选中，再看菜单项中，已多出一个css类输入框，该框输入的内容即为导航菜单项自定义的class值！！再次见识到了wordpress的强大，擅抖吧，骚年!!哈...

导航高亮显示当前页： 一、先定义一个CSS,比如： .changebg{background-color:#FFCC00} 二、给导航所在的区域设置ID，这个区域我不知道你是怎么做的，比如div,td或li等，但都要设置ID，比如分别为:sy,gsjj,gsxw 三、每个页都有页名

---