php动态改变选项卡背景

示例代码：

<script>

function ok(msg){
    document.getElementById('top1').className="tab";//将主页的背景设为普通
    var seltop = document.getElementById(msg);//获得当前栏目的选项卡id
    seltop.className="tabSelected";//设置当前选项卡背景为选中样式
    }
</script>
<?php

//$arr存放栏目名称(拼音)和对应选项卡id
   $arr=array('lear'=>'top2','mntk'=>'top3','zeyezhichang'=>'top4','mianshijiqiao'=>'top5');

//获得客户端请求url
  $url="http://".$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']; 

//根据条件"/"分割请求信息

   $arrs=explode('/',$url);

//遍历分割后的url信息,判断是否有当前选项卡对应栏目拼音
   for($i=0;$i<count($arrs);$i++){
    if(array_key_exists($arrs[$i],$arr)){

//根据栏目名称得到对应选项卡id

     $meg=$arr[$arrs[$i]];
    }    
   }
  ?>
  其中tabSelected是选中背景样式

tab是一般样式。
  <div class="tabMenu">
            <ul class="Menu_label">   
              <li id="top1" class="tabSelected"><a href="/">首　页</a></li>
              <li id="top2" class="tab"><a href="/lear">网络课程</a></li>
              <li id="top3" class="tab"><a href="/site1/mntk/index.shtml">模拟题库</a></li>
              <li id="top4" class="tab"><a href="/site1/zeyezhichang/index.shtml">择业职场</a></li>
              <li id="top5" class="tab"><a href="/site1/mianshijiqiao/index.shtml">面试技巧</a></li>
            </ul>
       </div> 
   
 <?php

//判断当前栏目是否选中选项卡，选项卡id是否为空。
    if(!empty($meg)){
          echo "<script>ok('$meg');</script>";//调用改变函数
    }
?>