Css 保持当前菜单项高亮显示
我的页面上有一个菜单设置,可以将项目加载到iframe中。它们是替换默认Google地图的自定义地图。我的问题是如何使当前显示项的菜单项保持高亮显示Css 保持当前菜单项高亮显示,css,menu,Css,Menu,我的页面上有一个菜单设置,可以将项目加载到iframe中。它们是替换默认Google地图的自定义地图。我的问题是如何使当前显示项的菜单项保持高亮显示 <div id="right_col" class="clearfix"> <ul> <li><a href="copperwood.html" target="iframe_map">Copperwood</a></li&g
<div id="right_col" class="clearfix">
<ul>
<li><a href="copperwood.html" target="iframe_map">Copperwood</a></li>
<li><a href="canyoncrest.html" target="iframe_map">Canyon Crest/The Canyons</a></li>
<li><a href="riverstone.html" target="iframe_map">Riverstone</a></li>
<li><a href="garrystation.html" target="iframe_map">Garry Station</a></li>
<li><a href="legacyridge.html" target="iframe_map">Legacy Ridge</a></li>
<li><a href="https://maps.google.com/maps/ms?msa=0&msid=217268423195093625679.0004cf68eb14897eb07b4&ie=UTF8&ll=49.69371,-112.868754&spn=0.086835,0.089951&t=m&output=embed" target="iframe_map">Overall Lethbridge</a></li>
</ul>
</div>
1.为第一个li标记指定一个类,例如li class=active
2.转到css并执行以下操作:
.active{
background-color:red; // example
}
3.那就开门吧
script `type="text/javascript"`
$('li a').click(function()
{
$('li').removeClass('active');
$(this).parent().addClass('active');
});
</script>
你试过什么吗?例如,您可以查看JavaScript,看看这是否有帮助。
script `type="text/javascript"`
$('li a').click(function()
{
$('li').removeClass('active');
$(this).parent().addClass('active');
});
</script>