jQuery+css 实现导航当前页高亮

css:

js

<script type="text/javascript">
window.onload=function()
{
setMenuBackground();
}

function setMenuBackground()
{
var url = document.URL;//取得当前页的URL

if(/contact/.test(url.toLowerCase())) //正则查找在url地址中是否有当前页
{
$("#contact_menu").removeClass("plmenu_normal").addClass("plmenu_select");
}else if(/aboutus/.test(url.toLowerCase()))
{
$("#aboutus_menu").removeClass("plmenu_normal").addClass("plmenu_select");
}else if(/link/.test(url.toLowerCase()))
{
$("#link_menu").removeClass("plmenu_normal").addClass("plmenu_select");
}else if(/clientlist/.test(url.toLowerCase()))
{
$("#clientlist_menu").removeClass("plmenu_normal").addClass("plmenu_select");
}else if(/hr/.test(url.toLowerCase()))
{
$("#hr_menu").removeClass("plmenu_normal").addClass("plmenu_select");
}else if(/companynews/.test(url.toLowerCase()))
{
$("#companynews_menu").removeClass("plmenu_normal").addClass("plmenu_select");
}
}
</script>