我想改变一个CSS类的背景位置，而悬停一个li元素。
HTML：
<div id="carousel">
<ul id="submenu">
<li>Apple</li>
<li>Orange</li>
</ul>
</div>
CSS：
#carousel {
float: left;
width: 960px;
height: 360px;
background: url(../images/carousel.png);
}
任何建议如何做到这一点？
解决方法
干得好：
$(document).ready(function(){
$('#submenu li').hover(function(){
$('#carousel').css('background-position','10px 10px');
},function(){
$('#carousel').css('background-position','');
});
});
