剩余鼠标悬停样式直到另一个鼠标悬停

Question

您好 我想创建一个如下效果：

http://img27.imageshack.us/i/19466828.png/

鼠标悬停中有一个类：

$(li).mouseover(function(){
$(this).addClass("newBg");
 });



 $(li).mouseout(function(){
 //
 });

但我希望“newBg”类保持不变，直到悬停在另一个“li”上（不要删除该类直到另一个li）。我怎样才能做到这一点？ 提前致谢

Answer 1

试试这个：

$('li').mouseover(function(){
   $('li').removeClass("newBg");
   $(this).addClass("newBg");
});

这里是小提琴：http://jsfiddle.net/maniator/PTQRM/

Answer 2

我会提出我的想法，尽管Neal是一个更清洁的解决方案;有不止一种方法可以做到这一点。

小提琴：http://jsfiddle.net/mazzzzz/a2c42/10/