<ul id="menu">
<li><a href="index.asp" class="but0_active">首页</a></li>
<li><a href="article.asp" class="but1">文章</a></li>
<li><a href="album.asp" class="but2">图片</a></li>
</ul>

当点击的时候当前的class改名为"but"+i+"_active",其他链接的class为"but"+i

<script type="text/javascript">
window.onload=function(){
    var lis=document.getElementById("ul").getElementsByTagName("li");
    for(var i=0;i<lis.length;i++){
       (function(i){
               lis[i].onclick=function(){
                for(var y=0;y<lis.length;y++){
                        lis[y].className="but"+y;
                }
                this.className="but"+i+"_active";
            }
        })(i);
    }
}

</script>

哈哈，能用了，非常感谢！
我是初学者，搞了半天没搞出来。
谢谢

想请教下最后面的(i)是干什么的呢？

传参数
这么看你就懂了
for(var i=0;i<a.length;i++){
    (function(s){})(i)//把for里i的值给s
}
或
for(var i=0;i<2;i++){
    function s(s){
   
    }
    s(i)
}//这个和上个相等的


[ 本帖最后由 javayang 于 2011-11-30 09:01 编辑 ]