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

jquery の代わりに css3 トランジションを使用できますか?

これを達成するには、これを 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 */  
}

「2 秒」はトランジションが使用している時間です。この例では 2 秒
です。「色」はフェードする必要があるもので、これはフォントの色です。

于 2012-06-04T14:21:27.210 に答える
0

このJSファイルjquery-ui-1.8.11.min.jsを使用すると役立つ場合があります。

于 2012-06-04T13:54:45.133 に答える