0

我有这门课：

#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 获得淡入淡出效果。我能怎么做？

4

3 回答 3

2

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

于 2012-06-04T13:19:36.193 回答
1

您可以尝试使用 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 */  
}

'2s' 是过渡使用的时间，在本例中为 2 秒
，'color' 是应该褪色的，这是字体颜色

于 2012-06-04T14:21:27.210 回答
0

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

于 2012-06-04T13:54:45.133 回答