jquery/js当前URL对当前栏目高亮突出显示_扶摇网络

我们只做利于SEO的网站

jquery/js当前URL对当前栏目高亮突出显示

来源:扶摇网络 作者:网站建设/SEO优化专家 浏览: 发布日期:2020-09-05 23:00:43
[导读]:<div class="nav">        <ul>            <li><a href="index.html">首 页</a></li...

jquery/js当前URL对当前栏目高亮突出显示

//除了首页外当前URL对当前栏目高亮突出显示

    $(".nav li a:not(:first)").each(function(){

        $this = $(this);

        if($this[0].href==String(window.location)){

            $this.parent().addClass("selected");

        }

    });

//当前URL对当前栏目高亮突出显示

    $(".sidenav li a").each(function(){

        $this = $(this);

        if($this[0].href==String(window.location)){

            $this.parent().addClass("selected");

        }

    });


//js 当前URL对当前栏目高亮突出显示

var myNav = document.getElementById("nav").getElementsByTagName("a");

for(var i=0;i

    var links = myNav[i].getAttribute("href");

    var myURL = document.location.href;

    if(myURL.indexOf(links) != -1){

        myNav[i].parentNode.className="selected";

    }

}


大家有疑问,可以在下边留言交流,我有空会及时回复,本人英文网名:Cheng,中文网名:陆小凤。
免责声明:本文由专注多年品牌设计公司扶摇网络整理编写,旨在为企业提供网络知识分享,如有侵权请联系删除,转栽请注明出处.
加载中~
微信咨询网站建设

扫一扫高效沟通

访问网站建设手机端

扫描访问手机网站

多一份参考总有益处

免费领取网站策划SEO优化策划方案

请填写下方表单,我们会尽快与您联系
感谢您的咨询,我们会尽快给您回复!