代理加盟 2018全新代理计划 0预存,0充值,独立平台,丰厚利润!

时时彩红中天计划:您现在的位置: 江西时时彩app下载 > 织梦大学 > 常见问题 >

织梦高亮显示当前导航条的javascript

来源:未知 发布时间:2018-07-12热度: ℃我要评论
首先写一下html结构: div id=nav ul lia href=#1首页/a/li lia href=#2产品/a/li lia href=#3地址/a/li lia href=#4关于/a/li lia href=#5联系/a/li /ul /div 然后简单的 写一下样式: body{fon...

江西时时彩app下载 www.p42ci.com.cn 首先写一下html结构:

<div id="nav">
    <ul>
        <li><a href="#1">首页</a></li>
        <li><a href="#2">产品</a></li>
        <li><a href="#3">地址</a></li>
        <li><a href="#4">关于</a></li>
        <li><a href="#5">联系</a></li>
    </ul>
</div>

然后简单的 写一下样式:

body{font-family: "微软雅黑";}
.active{
    background: -webkit-linear-gradient(top,red,yellow);
}
ul{float: left;width: 500px;height: 30px;background: red;line-height: 30px;}
li{list-style: none;float: left;}
a{text-align: center;line-height: 30px;display: block;color: #fff;width: 70px;text-decoration: none;}
a:hover{background: green;}

最后怎样才能高亮显示当前导航呢,js语句如下;

<script type="text/javascript">
        var myNav=document.getElementById("nav").getElementsByTagName("a");
        var currenturl = document.location.href;
        for(var i=0;i<myNav.length;i++){
            var aurl=myNav[i].getAttribute("href");
            if(currenturl.indexOf(aurl)!=-1){
                myNav[i].className="active";
                myNav[0].className="";
            }
        }
</script>

本文地址://www.p42ci.com.cn/dedecms_wt/956.html

  • 端午小长假我市旅游总收入同比增20.5% 2018-11-13
  • 《社会科学辑刊》编辑部成功举办“改革开放四十年中国哲学研究的回顾与反思”学术研讨会 2018-11-13
  • 定陶战役:示弱于敌重点围歼的范例 2018-11-12
  • 中央再曝50名外逃人员藏匿线索 不少人级别高、影响大 2018-11-12
  • 澳媒编辑被诉诽谤华裔商人 庭审闪烁其词状态窘迫 2018-11-12
  • 习近平应约同俄罗斯总统普京通电话 2018-11-12
  • 没考上?没关系。其它学校也能培养建设国家的人才,清华只是名气大点。 2018-11-11
  • 侵华日军513部队首被发现 日本老兵:主做细菌研究 2018-11-11
  • 工人农民为主要组成部分的全国人民代表大会,决定全国的一切,是什么时代? 2018-11-11
  • 《2016年社会治理舆情报告》在京发布 2018-11-10
  • 周纪龙:为262名残疾人的幸福领路 2018-11-10
  • 世贸组织总干事呼吁加强全球合作缓和贸易紧张局势 2018-11-10
  • 【没有青年,难得“里子”】人民日报:传承文脉,让乡村振兴有“面子”也有“里子” 2018-11-09
  • 贪官腐败“画像”系列特稿 2018-11-09
  • 北京百子湾车祸致2死3伤 小客车女司机系无证驾驶 2018-11-09
  • 299| 615| 218| 480| 635| 242| 186| 390| 338| 561|