js控制导航变色 特效

//js代码

var buttonMap = {
    "/Default.aspx": 0,
    "/My_Survey.aspx": 1,
    "/PCIClick.aspx": 2,
    "/PhoneIClick.aspx": 3,
    "/Product.aspx": 4,
    "/ArticleList.aspx": 5,
    "/Article.aspx":5,
    "/My_JfList.aspx":4
}
window.attachEvent("onload", function() {
    for (var s in buttonMap) {
        if (location.href.indexOf(s) > 0) {
            $("li").eq(buttonMap[s]).find('a').css("color", "#ff6600");
            break;
        }
    }
});

 

//html 代码

<div class="nav">
                <ul>
                    <li><a href="Default.aspx">首页</a></li>
                    <li><a href="Survey/My_Survey.aspx?Type=N">我的调研</a></li>
                    <li><a href="Public/PCIClick.aspx">PC调研通</a></li>
                    <li><a href="#">手机调研通</a></li>
                    <li><a href="Public/Product.aspx">积分兑换</a></li>
                    <li><a href="Public/ArticleList.aspx?ClassID=1">常见问题</a></li>
                </ul>
            </div>