JS高手进来看看，谢谢

Question

<li class="banner1"> <a href="[$WebUrl$]Default.aspx">首 页 </a> </li> 
<li class="banner2"> <a href="[$WebUrl$]pro.aspx">分类列表 </a> </li> 
<li class="banner2"> <a href="[$WebUrl$]special.aspx">特价商品 </a> </li> 
<li class="banner2"> <a href="[$WebUrl$]TeamShopping.aspx">团购商品 </a> </li> 
<li class="banner2"> <a href="[$WebUrl$]brand.aspx">品牌专卖 </a> </li> 

我现在想实现的效果是，当鼠标点了分类列表的时候,分类列表的class="banner1",其它都是class="banner2";当鼠标点了特价商品的时候,特价商品的class="banner1",其它都是class="banner2".怎么实现,谢谢