猿问

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')
		 })  
	   });


叶子二
浏览 13348回答 7
7回答

翰术

要改变a标签内字体的颜色,可以直接把颜色设置到a标签上.改变字体颜色用color属性! ,a标签好像不能继承父级标签的颜色属性!//你可以查下资料,我记的不是太清楚.
0

米虫懒得聪明

你可以看看find方法,$(this).find('a')这样就可以找到a标签，然后可以进行一系列操作
0

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>
2

chage0527

定位到a标签就可以了。你只定位到了li
1

慕莱坞8333017

9540839341398964005184395498637482723905620188328467098166185095145966567406712823752730726210532184621953984094439665285593927633932169329150955765292076385396764192974210753863104108810730974271184175229896281318518064300860776374287418638531852085742209964142177208428543008652186635227620763186404295463185076514316311941
0
随时随地看视频慕课网APP

相关分类

CSS3
Html5
JavaScript
我要回答