css如何点击a标签，自动调用id样式，求大神写个JS代码

打开页面出来，按钮1显示是亮到（红色），然后点按钮2之后按钮1变灰色，按钮2变红色，如何实现。
代码如下：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<style>
.div1 li a{ display:block; height:40px; width:80px; background:#999;}
.div1 li a:hover{ background:#F00;}
#a1{background:#F00;}
</style>
<body>
<div class="div1">
<ul>
<li><a href="" id="a1"><p>按钮1</p></a></li>
<li><a href=""><p>按钮2</p></a></li>
<li><a href=""><p>按钮3</p></a></li>

</ul>
</div>
</body>
</html>
在线等！~

举报该问题

其他回答

第1个回答 2015-05-08

//// js --------------

能看明白吗？

追问

看得懂，有不有简单点到？套用JQ到

第2个回答 2015-05-08

function changecss(ob)

{
$(ob).parent().children().attr("class","灰色样式")；
$(ob).attr("class","红色样式")；
}本回答被提问者采纳

相似回答

div+css 如何实现 点击A标签,显示div1,点击B标签,显示div2并同时隐藏...答：nav{margin:50px;position:relative;} nav li.current a{color:#f60;} nav li{float:left;padding:0 20px;height:25px;} nav li a{font:14px/25px '宋体';font-weight:bold;color:#000;text-decoration:none;} nav li ul{display:none;position:absolute;left:0;top:25px;width:500px;he...

我想在同一页面不同位置多次调用同一JS,CSS样式不同。答：回答：把所有的处理时间的程序代码封装到一个函数方法里。包括var refer=true;这一句变量赋值也要放进函数里。然后再html标签事件触发调用指定的方法名称。想重复调用多少次都行,因为你传进去的id值不同。例如: <li id="test1"><a onclick="javascript:combo(test1);"></a></li> <li id="te...

CSS怎么在点击a标签是显示东西答：不过css有个hover能实现鼠标移动到a标签上展示其下内容。比如最常见的鼠标经过展示下拉框，使用纯css就能达到，主要原因就是使用hover经过将下面的ul.submenu给显示出来例如 <a href="#" id="a1">xxx <ul style="display:none;/*一开始是隐藏的，为了说明直接写在节点上*/"> <li><a href="#...

在一个div中每个a变迁动态的加入一个css的js代码答：1,你先在css写一个类样式比如：.test{border;1px solid black;} 2,<script type="text/javascript"> function change() { //获得父元素的对象 var box = document.getElementById("box");//获得子元素的对象组 var links = box.getElementsByTagName("a");for (var i = 0; i < ...

大家正在搜

用来定义css样式的标签是 css设置a标签样式 css样式开头标签 css常用标签大全 css样式的使用 html和css标签属性大全内嵌css样式的标记 css外部样式怎么写 css常用标签及属性