JS当前菜单高亮显示，怎么弄啊
看了网上一些JS当前菜单高亮，拿过来放自己网上一直不好使。不知道我哪里不对。我的菜单代码如下：想让a链接被点后，其所在的li背景发生变化（不是a的背景颜色，是li的），变...
看了网上一些JS当前菜单高亮，拿过来放自己网上一直不好使。不知道我哪里不对。
我的菜单代码如下：想让a链接被点后，其所在的li背景发生变化（不是a的背景颜色，是li的），变化后的样式为<li class="active">，哪位懂JS高手帮我在这个代码的基础上，写出菜单高亮显示呢，JS一点也不懂，愁死人啊！多谢了
<div class="navigation" >
<ul>
<li>
<a href="/">首页</a>
</li>
<li>
<a href="/jianshenfangfa/">健身方法</a>
</li>
</ul>
</div> 展开
我的菜单代码如下：想让a链接被点后，其所在的li背景发生变化（不是a的背景颜色，是li的），变化后的样式为<li class="active">，哪位懂JS高手帮我在这个代码的基础上，写出菜单高亮显示呢，JS一点也不懂，愁死人啊！多谢了
<div class="navigation" >
<ul>
<li>
<a href="/">首页</a>
</li>
<li>
<a href="/jianshenfangfa/">健身方法</a>
</li>
</ul>
</div> 展开
1个回答
展开全部
写了，你看看，觉得可以欢迎采纳
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
<style>
.navigation
{
width:200px;
height:30px;
background: #ccc;
border:1px solid #ccc;
padding: 0;
margin: 50px;
}
.navigation ul
{
width:200px;
height:30px;
margin: 0;
padding: 0;
list-style-type: none;
}
.navigation ul li
{
width:80px;
height:30px;
margin: 0;
padding: 0;
float: left;
text-align: center;
line-height: 30px;
}
.navigation ul li a
{
text-decoration: none;
margin: 0;
}
.navigation ul li.active
{
background: #f90;
}
</style>
<script>
window.onload=function()
{
var aLi=document.getElementsByTagName('li');
for(var i=0;i<aLi.length;i++)
{
//鼠标移入设置class为active
aLi[i].onmouseover=function()
{
this.className='active';
}
//鼠标移出去掉class
aLi[i].onmouseout=function()
{
this.className='';
}
}
}
</script>
</head>
<body>
<div class="navigation" >
<ul>
<li>
<a href="/">首页</a>
</li>
<li>
<a href="/jianshenfangfa/">健身方法</a>
</li>
</ul>
</div>
</body>
</html>
更多追问追答
追问
很感 谢在我的代码上写这么多，但是我是想要鼠标点击后，最后那个被点击之后的菜单背景变化，不是移上去与移走。另外，有不同的JS方法去实现，有按COOKIE的，按当前页面URL去判断的，哪个可以确保在点击子菜单的内容（文章列表页和内容页）时，主菜单仍为高亮提醒？（因为我不止这两个菜单，还有其它的菜单，并且下边有子菜单）
追答
你都不说清楚到底是鼠标移入移出还是单击显示高亮，我就只能按一般的效果来做的，现在改了一下，你看看
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
