代理加盟 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-06-25
    • 周源:把握正确舆论导向 营造风清气正的网络空间 2019-06-25
    • 晋中市“三同步”推动互联网治理创新 2019-06-25
    • 我国农村金融取得长足发展 2019-06-25
    • 郑志刚:万科“股权之争”启示录 2019-06-24
    • 让山里娃感受智慧科技乐趣 2019-06-24
    • 为什么孩子特别不喜欢承认错误?是因为他们没意识到错了吗? 2019-06-24
    • 市第六十六中学举办“防治结核病”讲座 2019-06-23
    • 外汇局:取消QFII资金汇出20%比例要求 2019-06-23
    • 上班族用手机电脑过度 肩颈僵硬疼痛怎么办-生活资讯 2019-06-23
    • 长治警方破获利用网络平台贩毒案 2019-06-23
    • 社会主义是一个真正的民主国家,这里的人民当家做主, 2019-06-22
    • 【访民情 惠民生 聚民心】驻村路上父女同行 2019-06-22
    • 探秘“通天洞”  看四万年前人类的洞穴家园 2019-06-22
    • 戴森Cyclone V10无绳吸尘器发布 售价4490元起 2019-06-22
    • 福建体育彩票论坛首页 新疆11选5开奖查询结果 时时彩开奖数据源 广东好彩1最新开奖 河南快三预测一定牛 pk10买7码软件 羽毛球比赛方案 彩票素材 江西时时彩分析工具 湖南彩票排列三 网络彩票代理犯法么 nba竞彩让分胜负 北京快乐8喜达博彩 深圳风采2019046 北京快乐8平台