Drupal花园

这里你是举了背景变化的例子，我就依据样式和行为分离的原则简单写了一下，你看看是否能用。

html代码：

<div id="primary-links">
    <ul>
        <li> 首页 </li>
        <li> Drupal下载 </li>
    </ul>
</div>

Jquery代码：

$(document).ready(function(){
	$('#primary-links li').hover(function(){
		$(this).addClass('hover');
	},function(){
		$(this).removeClass('hover');
	})
	
	$('#primary-links li').click(function(){
		$(this).addClass('current').siblings().removeClass('current');
	})
})

CSS代码：

#primary-links li{
	background:red;
}
#primary-links li.hover{
	background:green;
}
#primary-links li.current{
	background:blue;
}