0

.animate 関数を使用して、タブがホバーされたときにタブの背景色を変更 (およびフェードイン/アウト) しようとしています。カーソルがタブから移動すると元の色に戻ります。

これが私のjsFiddleです。

.hover および/または .mouseover/mouseout 関数を使用してクリーンなソリューションを見つけることができないという理由でこれを試みたので、正しい方向への操縦は大歓迎です。

4

3 に答える 3

1

animate-colorsWeb ページ ( http://www.bitstorm.org/jquery/color-animation/ )に含める必要があります。jQuery はデフォルトでカラー アニメーションをサポートしていませんが、このプラグインを使用すると、必要なことは何でもできるはずです。

編集: http://jsfiddle.net/q4fXm/2/ JS パネル内にハードコードされたプラグインを使用して、フィドルを更新しました。JSFiddle の左側にあるインクルードを MooTools から jQuery に変更して機能させる必要がありました。

于 2012-09-23T10:33:13.960 に答える
0

以下に示す場合を除き、すべてのアニメーション化されたプロパティは単一の数値にアニメーション化する必要があります。数値でないほとんどのプロパティは、基本的な jQuery 機能を使用してアニメーション化できません (たとえば、幅、高さ、または左はアニメーション化できますが、 jQuery.Color() プラグインを使用しない限り、背景色はアニメーション化できません)。

于 2012-09-23T10:40:22.093 に答える
0

カラー アニメーションを機能させるには、エフェクト コア (jquery.effects.core.js) を追加する必要があると思います。http://docs.jquery.com/UI/Effects

上記のリンクから引用：「jQuery UIエフェクトコアは、アニメーション機能を拡張して、色もアニメーション化できるようにします。」

于 2012-09-23T10:50:09.700 に答える