61,112
社区成员
发帖
与我相关
我的任务
分享
<!DOCTYPE HTML>
<head>
<title>数据</title>
<meta characterset="utf-8" />
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js" ></script>
</head>
<body>
<header>
<nav>
<ul>
<li><a href="javascript:void(0)" id="a1" onclick="chcolor(1)">首页</a></li>
<li><a href="javascript:void(0)" id="a2" onclick="chcolor(2)">添加</a></li>
<li><a href="javascript:void(0)" id="a3" onclick="chcolor(3)">管理</a></li>
<li><a href="javascript:void(0)" id="a4" onclick="chcolor(4)">操作</a></li>
</ul>
<nav>
</header>
</body>
<script type="text/javascript">
function chcolor(ids)
{
for(var i=1;i<5;i++)
{
$("#a"+i).css({"color":"#000","font-size":"14px","background-color":"#fff"});
}
$("#a"+ids).css({"color":"red","font-size":"20px","background-color":"#333"});
}
</script>
</html>
大概是这样的。关于设置css可以去看下jquery的api..<a href="javascript:void(0)' id="clickindex1" onclick="clickcolor('#clickindex1')" >改变颜色</a>
function clickcolor(idclick)
{
//必须先导入jquery的类库.
//jquery可以实现.
$(idclick).css("background-color", "red");//改变颜色
}
试试[/quote]点击别的,这个怎么恢复成原先的颜色啊[/quote]
id用数字,比如:
a1
a2
a3
a4
a5
先把所有的改成原来的颜色,然后把点击的改成新的颜色.你试试,[/quote]
你不会要我一个个写吧
点击别的,这个怎么恢复成原先的颜色啊[/quote]
id用数字,比如:
a1
a2
a3
a4
a5
先把所有的改成原来的颜色,然后把点击的改成新的颜色.你试试,[/quote]
点击别的,这个怎么恢复成原先的颜色啊[/quote]
id用数字,比如:
a1
a2
a3
a4
a5
先把所有的改成原来的颜色,然后把点击的改成新的颜色.你试试,[/quote]<a href="javascript:void(0)' id="clickindex1" onclick="clickcolor('#clickindex1')" >改变颜色</a>
function clickcolor(idclick)
{
//必须先导入jquery的类库.
//jquery可以实现.
$(idclick).css("background-color", "red");//改变颜色
}
试试