Question

jquery实现鼠标移动效果

<ul>
<li><a href="#">–发的萨芬的撒</a></li>
<li><a href="#">–小</a></li>
<li><a href="#">–小表</a></li>
<li><a href="#">–小学A</a></li>
<li><a href="#">–小学A组竞表</a></li>
<li><a href="#">–小学A组竞表</a></li>
<li><a href="#">–小学A组竞技个人前六名成绩表</a></li>
<li><a href="#">–小学A组竞技个人前六名成绩表</a></li>
</ul>像这样，鼠标移动li标签上，当前的li标签就有灰色背景，移开，背景就消失

Answer 1

楼上几位代码太多了,也不是纯正的JQUERY代码<script type="text/javascript">
$(document).ready(function(){
$("li").mousemove(function (){
$(this).css("backgroundColor","grey");
});
$("li").mouseout(function (){
$(this).css("backgroundColor","");});
});
</script>

Answer 2

$('li').mouseover(function(){ //添加你的样式}).mouseout(function(){ //移除样式})

Answer 3

把下面代码加到head里面就好了

<script type="text/javascript">
$(document).ready(function(){
$("ul>li").mousemove(function (e){
e.target.style.backgroundColor='grey';
});
$("ul>li").mouseout(function (e){
e.target.style.backgroundColor='';
});
});
</script>