滑门-切换效果 大家看一下！！！

你的写法本身就有问题，我是在你基础之上修改的，如下
<style type="text/css">
<!--
    #d{
           
        text-align:center;
        color:#FF0000;
        padding:5;
        background:#009900;
        border:2px  solid #FF00FF    ;
        width:420;
        height:150;
        align:center;
    }
    #d div{
        display:none;
    }
    #d .d1{
        display:block;
    }
    #d .up{
         color:#33FF00;
    }
    #d div{   
          margin-top:50;
          color:#ffffff;
          background-color:#669900;
          height:100
    }
    #d h2{
          float:left;
          width:100px;
          height:30px;
          line-height:25px;   
          over-flow:hidden
          text-align:center;
    }
-->
</style>


<div id="d">

<h2 onClick="go_to(1)" >选择一</h2>
<h2  onClick="go_to(2)">选择二</h2>
<h2  onClick="go_to(3)">选择三</h2>
<h2  onClick="go_to(4)">选择四</h2>

<div class="d1">1111111</div>
<div>2222222</div>
<div>33333333</div>
<div>4444444</div>

</div>

<script language="javascript">
function go_to(ao)
  {
     var h=document.getElementById("d").getElementsByTagName("h2");
     var d=document.getElementById("d").getElementsByTagName("div");

  for(var i=0;i<h.length;i++)
         d[i].className="";
      h[i].className="";
    {
       if(ao-1==i)
    {
        d[i].className+="d1";
        h[i].className+="up";
   
    }else
   
    {
        h[i].className+=" ";
        d[i].className+=" ";   
   
    }

  }
}


</script>

额，不知道要的具体是什么效果，如果是每次点击显示相同index的div的话，在script里面改class的时候不能写成+=，写成赋值=就行了，+=是其本身再加上赋值内容，条件判断的else里等于是无用的。
改成    if(ao-1==i)
    {
        d[i].className="d1";
        h[i].className="up";
   
    }else
   
    {
        h[i].className=" ";
        d[i].className=" ";   
   
    }

或者更简单点：d[i].className=ao-1==i?"d1":"";
    h[i].className=ao-1==i?"up":"";
这样就不用写好几行的if了。

ps:样式表里的overflow写错了，没有-