jQuery 背景のフェード

質問

下記のliの背景色をフェードイン・アウトする方法は
ありますでしょうか？

$("li").hover(function(){
$(this).css("background-color","#000000");
},function(){
$(this).css("background-color","");
});

<ul>
<li><a href="#"><img src="xxx.png" /></a><li>
<li><a href="#"><img src="xxx.png" /></a><li>
</ul>

宜しくお願いします。

回答No.1

balloon23

あまり効率的な方法とは言えないかもしれませんが一案を。

［1］
　liに背景色を指定（css
　↓
［2］
　↓
　liにspanの空タグを追加。(javascript)
　liの幅、高さを取得し絶対配置でliの範囲を覆う(javascript、css)
　↓
［3］
　hover時にspanのopacityを変更する(javascript)

お礼

balloon23様

そういうやり方もあるんですね。
もう少し調べてみます。
ありがとうございました。