メソッド switchClass に問題があります。newsHover
マウスがnewsArea
トランジションのあるクラスにホバーしているときに、css クラス ( ) を追加/削除したい。
次のコードがあります
$('.newsArea').mouseover(function(){
$(this).switchClass('','newsHover',500, 'linear');
}).mouseleave(function(){
$(this).switchClass('newsHover','',500);
});
ご覧のとおり、メソッドは正しいと思います: http://docs.jquery.com/UI/Effects/ClassTransitionsおよび http://jqueryui.com/docs/switchClass/
newsHover クラスには背景画像があります。
.newsHover{
background-image: url("../../images/newsArea-hover.png");
background-repeat: no-repeat;
background-position:left top;
width: 200px; height: 52px;
}
画像は表示されますが、トランジションはありません。500 ミリ秒後に表示されます。
css3 クロスブラウザーを使用した任意のソリューションを受け入れることができます。
ここにヒントはありますか??
ありがとう
編集
1.7.2 バージョンの jquery を使用していることを忘れていました。jquery.easing.1.3、および jquery-ui-1.8.23.custom.min (すべてのコンポーネントが選択された状態)