HTML导航 - 点击更改背景

步骤一:

在须要添加效果的<li>标签中添加onclick事件:<li onclick="setcurrent(this)">

步骤二:

加入JS代码:

function setcurrent(obj){
    var a = document.getElementById('父级标签id').getElementsByTagName("li");
    for(var i=0;i<a.length;i++){
        a[i].className="";    //先把该父级标签下的所有<li>标签所有类清空
    }
    obj.className="current";    //再赋予被点击标签状态
}

posted @ 2017-06-05 09:47  llguanli  阅读(355)  评论(1编辑  收藏  举报