<div class="nav">
<ul class="text clearfix">
<li class="beijing" id="img"><a href="about_us.html">公司历程</a></li>
<li><a href="#">公司荣誉</a></li>
<li><a href="#">公司目标</a></li>
<li><a href="#">公司活动</a></li>
<li><a href="#">公司名人</a></li>
</ul>
</div>
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
$(function(){
$('.nav ul li ').click(function(e){
$(this).css('background','url(img/nav4.png)')
$(this).siblings('li').css('background','url(img/nav3.png)')
})
});
$(function(){
$('.nav ul li').click(function(e){
$(this).css('color','black')
$(this).siblings('li').css('color','white')
})
});
7 回答
翰术
TA贡献21条经验 获得超8个赞
要改变a标签内字体的颜色,可以直接把颜色设置到a标签上.改变字体颜色用color属性! ,a标签好像不能继承父级标签的颜色属性!//你可以查下资料,我记的不是太清楚.
qq_風是鹹的_0
TA贡献15条经验 获得超5个赞
使用css中的a标签的伪标签可以,能用css最好不要用js
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
/*鼠标悬停*/
a:hover{
color: blue;
}
/*点击时*/
a:checked{
color: gray;
}
/*点击后*/
a:visited{
color: black;
}
</style>
</head>
<body>
<div class="nav">
<ul class="text clearfix">
<li class="beijing" id="img">
<a href="about_us.html">公司历程</a>
</li>
<li>
<a href="#">公司荣誉</a>
</li>
<li>
<a href="#">公司目标</a>
</li>
<li>
<a href="#">公司活动</a>
</li>
<li>
<a href="#">公司名人</a>
</li>
</ul>
</div>
</body>
</html>
添加回答
举报
0/150
提交
取消