html5怎么设置li向下移,请问如何实现鼠标移到li上改变另一个div的样式

测试

li{list-style: none;}

a{text-decoration: none;color: #000;}

.B li.cursor{background: red;}

.A li{float: left;height: 30px;margin: 0 10px;}

.B li{float: left;height: 30px;margin: 0 10px;}

• 嘟嘟噜
• 哈哈哈
• 移入3
• 移入4

• 阿卡林
• 末日使者
• 变化3
• 变化4

$(function(){

$(".A li").mouseenter(function(){

var index=$(this).index();

$(".B li").eq(index).addClass('cursor').siblings().removeClass("cursor");

})

$(".A li").mouseleave(function(){

$(".B li").removeClass('cursor');

})

})