通过jQuery悬停淡入淡出效果

Question

我上过这堂课：

#right_menu a {
  color: #002C6A;
  display: block;
  font-family: 'DINPro-Bold';
  font-size: 15px;
  height: 20px;
  padding: 15px 0 15px 95px;
  width: 205px;
}

这个悬停css：

#right_menu a:hover {
    color: #FFF;
    font-size: 15px;
    font-family: 'DINPro-Bold';
    background-color:#002C6A;
}

它正在运作。但我想在悬停时，通过jQuery获得淡入淡出效果。我该怎么办？

Answer 1

您可能缺少head部分中的JS文件。

Answer 2

您可以尝试使用css3过渡而不是jquery吗？

要实现这一点，你必须将它放在你的CSS中：

#right_menu a {  
    transition: color 2s;  
    -moz-transition: color 2s; /* Firefox 4 */  
    -webkit-transition: color 2s; /* Safari and Chrome */  
    -o-transition: color 2s; /* Opera */  
}

＆＃39; 2s＆＃39;是转换使用的时间，在此示例中为2秒
＆＃39;颜色＆＃39;是什么应该褪色，这是字体颜色

Answer 3

使用这个JS文件jquery-ui-1.8.11.min.js它可以帮到你。