日期:2014-05-16 浏览次数:20775 次
<ul class="navleft"> <li><a href="#" class="now">学员空间</a> <ul class="now01"> <li><a href="#">成绩提升榜</a></li> <li><a href="#">学员心得</a></li> <li><a href="#">明星学员</a></li> </ul> </li> <li><a href="#">家长课堂</a></li> <li><a href="#">快乐分享</a><ul class="now01"> <li><a href="#">明星案例</a></li> <li><a href="#">家长心声</a></li> <li><a href="#">老师的成就与价值</a></li> </ul></li> </ul>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2//EN"> <html> <head> <meta name="generator" content="HTML Tidy, see www.w3.org"> <meta http-equiv="content-type" content= "text/html; charset=UTF-8"> <title>array test</title> <style type="text/css"> .now { background: blue; font-weight: bold; color: red; } .now01 { } </style> <script type="text/javascript" src="jquery-1.3.2.js"> </script> <script type="text/javascript"> $(function(){ $('#guardianId').click(function(){ $(this).addClass('now'); $('#shareId').removeClass('now'); $('#learnerId').removeClass('now'); }); }); </script> </head> <body> <ul class="navleft"> <li> <a href="#" class="now" id="learnerId">学员空间</a> <ul class="now01"> <li> <a href="#">成绩提升榜</a> </li> <li> <a href="#">学员心得</a> </li> <li> <a href="#">明星学员</a> </li> </ul> </li> <li> <a href="#" id="guardianId">家长课堂</a> </li> <li> <a href="#" id="shareId" class="now">快乐分享</a> <ul class="now01"> <li> <a href="#">明星案例</a> </li> <li> <a href="#">家长心声</a> </li> <li> <a href="#">老师的成就与价值</a> </li>