Question

html导航栏，鼠标点下去停留状态在CSS里设置还是怎么得？

这个导航栏，想在鼠标点下去的时候状态暂时停留，等点其他时状态消失，如首页
现在我鼠标放上面有状态，但是点下去，鼠标不放上面状态没有了。
怎么解决？

Answer 1

建议用js做，效果会更好的。这里需要用到onclick（）方法、不明白再问

追问

我的天，完全不明白onclick（），也不知道用js，代码是怎样，初学者见谅

追答

不会js就有点麻烦了，但是希望你能接触一点，对你做网站有帮助，下面给你一段代码，专门为你写的哦。

无标题文档

*{ margin:0; padding:0;}
#nav{ width:500px; height:50px; background:#2A1F00; color:#FFFFFF; font-size:24px; line-height:50px; margin:0 auto;}
#nav ul{ width:600px;}
#nav ul li{ list-style:none; margin-right:35px;margin-left:10px; float:left; cursor:pointer;}
.active{ background: red;}

window.onload=function()
{
var oNav=document.getElementById('nav');
var oUl=oNav.getElementsByTagName('ul')[0];
var aLi=oUl.getElementsByTagName('li');
for(var i=0;i

首页
关于我们
产品展示
新闻动态

Answer 2

你的这个在点击的时候会跳转到不同页面的，用JS无法实现跳转后的状态的。

Answer 3

你用 淘宝默认的 导航吧，这个简单。 纯手工的 还不太会