zoukankan      html  css  js  c++  java
  • jquery 导航点击当前页样式

    html

    <ul class="nav navbar-nav navbar-right">
                  <li class=" left ">
    								<a href="/"><span></span>
                    <p>首页</p></a>
                  </li>
                  <li class="center">
    							<a href="/xinwen"> <span></span>
                   <p>新闻资讯</p></a>
                  </li>
                  <li class="right active ">
    							 <a href="/rot">	<span></span>
                   <p>热点</p></a>
                  </li>
                </ul>
    

      

    <ul class="nav-ul clearfix" id="nav">
    		<li><a href='{dede:global.cfg_cmsurl/}/redian/' {dede:field name=typeid runphp="yes"}(@me=="")? @me=" class='cur' ":@me="";{/dede:field}><span>首页</span></a></li>
          	{dede:channel typeid='49' type='son' row='10' currentstyle="<li><a class='cur' href='~typelink~' ~rel~><span>~typename~</span></a></li>"}
          	<li><a href='[field:typeurl/]' title="[field:typename/]" [faield:rel/]><span>[field:typename/]</span></a></li>
          	{/dede:channel}
    	</ul>
    

      

    js

    <script type="text/javascript">
    $().ready(function(){
    	var myURL = document.location.href;
    	$("#nav a").each(function(e){
    		var alink = $(this).attr("href");       
        if (myURL.indexOf(alink)!= -1) {
        	$(this).addClass("active").siblings("a").removeClass("active");} 
        });
    });
    </script>
    

      dedcms

  • 相关阅读:
    sql之Replace
    虚拟主机的IIS连接数和访问流量限制各是什么
    SQL COUNT() 函数
    bzoj3163 Eden的新背包问题
    THUPC2018 城市地铁规划
    HNOI 2017 礼物
    NOI 模拟赛
    PKUSC2018 Slay The Spire
    NOI 模拟赛
    NOI 模拟赛
  • 原文地址:https://www.cnblogs.com/php0916/p/7889790.html
Copyright © 2011-2022 走看看