网站模板中心

您现在的位置:首页>>织梦大学>>安装使用

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

来源: 编辑:admin 发布时间:2019-11-07热度:63 ℃
首先写一下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{font-family: 微软雅黑;}.active{ b...
首先写一下html结构:

然后简单的 写一下样式:
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语句如下;
Pbootcms问题解决

请点击在线联系我们【点击咨询解决问题】   如果您有任何Pbootcms问题,我们将免费为您写解决教程!

    PB模板网:承接仿站业务,价格200元起!