js怎么改变鼠标点击时A标签里面字体的颜色
<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')
})
});
叶子二浏览 13185回答 7
7回答
-
翰术
要改变a标签内字体的颜色,可以直接把颜色设置到a标签上.改变字体颜色用color属性! ,a标签好像不能继承父级标签的颜色属性!//你可以查下资料,我记的不是太清楚. -
米虫懒得聪明
你可以看看find方法,$(this).find('a')这样就可以找到a标签，然后可以进行一系列操作 -
qq_風是鹹的_0
使用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> -
chage0527
定位到a标签就可以了。你只定位到了li -
慕莱坞8333017
9540839341398964005184395498637482723905620188328467098166185095145966567406712823752730726210532184621953984094439665285593927633932169329150955765292076385396764192974210753863104108810730974271184175229896281318518064300860776374287418638531852085742209964142177208428543008652186635227620763186404295463185076514316311941
随时随地看视频慕课网APP
相关分类
CSS3
Html5
JavaScript