代理加盟 2019全新代理计划 赚钱+省钱双管齐下,独立平台,丰厚利润!

您现在的位置: 江西时时彩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

  • 告别“电钻音”安静“不扰民” 九阳率先推出静音破壁机 2019-03-20
  • 全新奥迪A1内饰谍照曝光 年内正式亮相 2019-03-20
  • 江苏国资改革迎大动作 金陵饭店集团获注13家酒店类资产 2019-03-20
  • 【理上网来喜迎十九大】切实加强党对意识形态工作的领导 2019-03-19
  • 图解:十三届全国人大一次会议选举产生新一届国家领导人 2019-03-19
  • 一语惊坛(5月24日):《习近平谈治国理政》,从中国智慧中汲取营养。 2019-03-19
  • 笑博士的“企业发展计划”,是基于私有制的企业计划。因此,笑博士,是制订不了市计划,省计划,更别说国家计划的。他的最大无知,是不知社会主义是以公有制为主体的国家, 2019-03-18
  • 普法小课堂之“有效遗嘱” 2019-03-18
  • 租赁共有产权房供地将占新增量30% 2019-03-18
  • 穿越千年 感受秦风全国百家重点网媒记者漫步酉阳桃花源 2019-03-17
  • 西安著名昆虫专家用50多万标本摸清秦岭昆虫“家底” 2019-03-17
  • 北京市北京海汇恒通综合店【在线咨询】 2019-03-17
  • 习近平会见美国国务卿蓬佩奥 2019-03-17
  • 阿富汗称美无人机炸死巴塔头目 后者曾下令射杀玛拉拉 2019-03-16
  • 李仲彬任成都市委副书记 王川红任成都市纪委书记 2019-03-16
  • 364| 25| 912| 581| 964| 339| 14| 716| 357| 536|