您的位置:首页 > 运维架构 > 网站架构

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

2017-05-17 23:01 190 查看
<!--搜索-->

<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>

             

             

             

             

             

             

             

             

             

             

             

             

             

             

             

             

             

             

             

             
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: