/*----------------------jquery代码---------------------*/
<script type="text/javascript">
$(document).ready(function(){
$("a").click(function(){
$("a").css("color","");
$(this).css("color","#FFFF00");
});
});
/*------------------------------html代码-------------------------*/
<div class="navigation">
<ul>
<li id="shouye"><a href="#">首页</a></li><span>|</span>
<li><a href="modules/baseData/left1.html" target="leftFrame">基本数据</a></li><span>|</span>
</ul>
</div>
/*----------------------css代码-----------------------*/
.navigation{ background:url(../images/navigation.png) repeat-x; margin-top:48px; margin-left:-30px; height:27px;}
.navigation ul{ margin-left:250px; padding-top:2px;}
.navigation ul #shouye{margin-left:20px;}
.navigation ul li{ display:inline; list-style:none; margin-left:10px;}
.navigation ul li a:link,.navigation ul li a:visited{ text-decoration:none; color:#FFFFFF; font-family:"黑体"; font-size:14px;}
.navigation ul li a:hover{ text-decoration:underline;}
<script type="text/javascript">
$(document).ready(function(){
$("a").click(function(){
$("a").css("color","");
$(this).css("color","#FFFF00");
});
});
/*------------------------------html代码-------------------------*/
<div class="navigation">
<ul>
<li id="shouye"><a href="#">首页</a></li><span>|</span>
<li><a href="modules/baseData/left1.html" target="leftFrame">基本数据</a></li><span>|</span>
</ul>
</div>
/*----------------------css代码-----------------------*/
.navigation{ background:url(../images/navigation.png) repeat-x; margin-top:48px; margin-left:-30px; height:27px;}
.navigation ul{ margin-left:250px; padding-top:2px;}
.navigation ul #shouye{margin-left:20px;}
.navigation ul li{ display:inline; list-style:none; margin-left:10px;}
.navigation ul li a:link,.navigation ul li a:visited{ text-decoration:none; color:#FFFFFF; font-family:"黑体"; font-size:14px;}
.navigation ul li a:hover{ text-decoration:underline;}