在li中移动背景颜色

Question

我正在尝试在下拉列表中创建li悬停效果，如下面的链接。

http://pitch.select-themes.com/home-agency/

就像在悬停状态下拉列表中从var spceInBetween = selectedMapLocation.split(/=|\s/); 移动到另一个li的{​​{1}}背景颜色一样。

我试过以下

＆＃13;

＆＃13;

li

＆＃13;

li

＆＃13;

$(document).ready(function(){
						   
	$('.menu li').hover(function(){
		$(this).children('ul').fadeIn(300);
	},
	function () {
		$(this).children('ul').fadeOut(300);							 
	});
  
});

＆＃13;

＆＃13;

＆＃13;

我还创建了 jsFiddle file

Answer 1

这是我实施效果的方式：

$("li").hover(function() {
  $(".follow").stop().animate({
    "top": $(this).position().top
  }, 200);
});

Here is the JSFiddle demo

请注意，CSS z-index很重要，CSS的其余部分用于装饰。

Answer 2

你试过这个吗？

#menu-mainmenu > li {
  background-color: blue;
  transition: 1s;
}

#menu-mainmenu > li:hover {
  background-color: red;
}