& lt; ! DOCTYPE html>
& lt; html>
& lt; head>
& lt; meta charset=" utf - 8 "比;
& lt; title> lvnian学习(http://lvnian.blog.51cto.com/) & lt;/title>
& lt; style>
ul
{
,,list-style-type:没有;
,,保证金:0;
,才能填充:0;
}
,,,答:链接,访问
,,,{
,,,显示:块;
,,粗细:大胆的;
,,颜色:# FFFFFF;
,,背景颜色:# 98 bf21;
,,宽度:120 px;
,,text-align:中心;
,才能填充:10 px;
,,文字修饰:没有;
,,首字母:大写;
,,,}
,,,,,活跃
,,,{
,,,,,,,background - color: # 7 a991a;
,,,}
,,李
,,,{
,,,,,,,/*:浮动;*/,,,}
& lt;/style>
& lt;/head>
& lt; body>
& lt; ul>
& lt; li> & lt; a href=" https://www.yisu.com/zixun/#家”祝辞Home & lt;/li>
& lt; li> & lt; a href=" https://www.yisu.com/zixun/新闻”在News & lt;/li>
& lt; li> & lt; a href=" https://www.yisu.com/zixun/接触”祝辞Contact & lt;/li>
& lt; li> & lt; a href=" https://www.yisu.com/zixun/"祝辞About & lt;/li>
& lt;/ul>
& lt;/body>
& lt;/html>
切换导航栏后,当前导航栏目颜色加深
,& lt; script type=" text/javascript祝辞
,,,(文档)时(美元function (), {
,,,,,,,(“# navbar 美元[href=' https://www.yisu.com/zixun/{{请求。路径}}]”).parent () .addClass(“活跃”)
,,,})
& lt;/script>
{{,request.path }},, # #,获取当前页面路径
