网站实施--头部导航 样式的控制

<!--搜索-->
<script  type="text/javascript">
       function searchinfo() {
         var  keyword = $("#keyword").val();
         if(keyword==""){
           alert("请输入关键词");
           return false;
         }else{
             $('#formSearch').submit();
         }
}
</script>


<div class="header_wrap">
    <div class="header">
      <a class="logo" href="#" title=""><img src="${base}/static_material/img/logo.png" alt=""></a>
      <form id="formSearch"   name="formSearch"  action="${base}/search/searchr.chtml" target="view_window">
          <div class="search">
              <input type="text" name="k" id="keyword" class="in_txt" value="" placeholder="请输入检索值"/>
            <input type="button" id=""  class="in_btn" onClick="searchinfo()" value="搜索"/>
          </div>
 </form>
    </div>
</div>
      <div class="nav_wrap">
        <div class="nav">
          <ul>
            <li id="sy" ><a href="${base}/index.chtml?pt=sy" title="">首页</a></li>
            <li id="jggk"><a href="${base}/news/newsList.chtml?id=Yru6Nz&pt=jggk" title="">机构概况</a></li>
            <li id="lzyw"><a href="${base}/news/nlfList.chtml?id=ZFJryy&pt=lzyw" title="">廉政要闻</a></li>
            <li id="jjkx"><a href="${base}/news/nlfList.chtml?id=ErMZBj&pt=jjkx" title="">纪检快讯</a></li>
            <li id="tzgg"><a href="${base}/news/nlfList.chtml?id=vmmuIj&pt=tzgg" title="">通知通告</a></li>
            <li id="zcfg"><a href="${base}/news/nlfList.chtml?id=VFZjUv&pt=zcfg" title="">政策法规</a></li>
            <li id="lzjy"><a href="${base}/news/nlfList.chtml?id=VjiqU3&pt=lzjy" title="">廉政教育</a></li>
            <li><a href="http://www.yangling.gov.cn/vote/list.chtml?gid=6a2ad64b0195488687ef1790ff14d946&p=1" title="" target="_blank">调查征集</a></li>
            <li><a href="http://www.yangling.gov.cn/live/liveIndex.chtml?p=1" title="" target="_blank">网络访谈</a></li>
          </ul>
        </div>
      </div>
<script type="text/javascript">
   //获取URL后面的参数-YQQ
  function getQueryString(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return unescape(r[2]); return null;
} 
  //设置样式-YQQ
  function setStyle(key){
  var id=getQueryString(key);
    if(id){
      var obj=document.getElementById(id);
      //obj.style.background='#a5ca31';
        obj.setAttribute("class", "on"); 
    }else{
     var obj=document.getElementById("sy");
      obj.setAttribute("class", "on"); 
    }
  }
    setStyle('pt');
  </script>