jQueryを勉強しています。

ある文字にオンマウスすると、背景(background-color)をフェードさせたいのですが、やり方がわかりません。
下記のようにすると、p#pppの文字と背景すべてフェード出来るのですが、background-colorだけフェードさせることは出来るでしょうか?

$(function() {
  $("p#ppp").hover(function(){
$(this).fadeTo(500,0.5);
});
});
<p id = "ppp">ほげ</p>

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2011/11/10 10:36:02
  • 終了:2011/11/13 09:11:29

ベストアンサー

id:TransFreeBSD No.1

TransFreeBSD回答回数653ベストアンサー獲得回数2622011/11/10 17:56:15

一応書いてみたけど、意外と面倒臭かったです。

素直にpacochiさんコメント(回答に書けばいいのに)のjQuery UI使った方がいいですね。

http://jsfiddle.net/Y4FXw/

他1件のコメントを見る
id:TransFreeBSD

せっかくの無料質問&回答欄コメントですから回答欄に書こう運動(個人的に)実施中です。
余計なお世話かもしれませんけど(^^;

2011/11/10 21:51:01
id:koime_ryokutya

皆さん、回答&コメントありがとうございます。

2011/11/13 09:11:47
  • id:Lhankor_Mhy
    jQueryだけではできません。
    プラグインを使うか、あるいはCSSで二つの要素を重ねるなどして対応するしかないです。

    >>
    most properties that are non-numeric cannot be animated using basic jQuery functionality (For example, width, height, or left can be animated but background-color cannot be
    <<
    http://api.jquery.com/animate/
  • id:pacochi
    jQuery UI が使えるなら、こんな感じでできます。
    http://jsfiddle.net/UK9rV/
  • id:TransFreeBSD
    animateじゃ無理なんですかね?
    http://semooh.jp/jquery/api/effects/animate/params%2C+options/
    stepで行けそうな気がしますが……

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません