問題タブ [jquery-animate]

I'm trying to change the background color of a div on mouseover and mouseout. Instant change to yellow on MouseOver, and slow fade on MouseOut.

function hilightel(keydiv)
{
$('#'+keydiv).animate({ backgroundColor: '#ffffd3' },1);
}
function lolightel(keydiv)
{
$('#'+keydiv).animate({ backgroundColor: '#ffffff' },300);
}

< div onMouseOver=javascript:highlightel('item1'); onMouseOut=javascript:lolightel('item1'); id='item1'>CONTENT< /div>

When the mouse moves over text within the div, though, it thinks I've moused-out and so flickers badly.

Alternatives that don't work:
- animateToClass doesn't support background-color so I'm using the 'color' plugin
- I hear that switchClass doesn't work in Chrome
- Can't use .hover because their will be dynamically named divs in the page so need a general function

Thanks in advance...

私を助けてくれてありがとう（時間があり、喜んでいる人のために）。

私はこのスクリプトを書きました：

このページhttp://www.fraservalley-webdesign.com/portfolio/test.phpに配置します。

もちろん、私がホバリングしているものだけでなく、適切なクラスを持つすべての要素を表示/非表示にする以外は機能します。数十あり、データベース主導のコンテンツになるため、それぞれに一意の名前を付けることはできません.

スクリプト内でホバリングしているアイテムを分離する簡単な方法を知っている人はいますか?

これは理にかなっていますか？

jQueryを使用して、要素を初期位置から数ピクセル横にスライドさせるとはどういう意味ですか？animate（）関数があることは知っていますが、その使用方法がわかりません。ヒント、チュートリアルをいただければ幸いです。

編集：

現在、マウスオーバーで要素の背景色を変更しようとしています（最終的には背景画像も交換したいのですが、今のところはそうではありません...）

現在、次のコードを使用しています。どうしたの？（.linkは、一連の要素を参照するクラスです）

jquery 1.3 で一連のアイテムをアニメーション化し、次の各アイテムを最初のアニメーションの途中から開始したいと考えています。つまり、半待ち効果が欲しい。以下のコードを使用しようとしましたが、機能しません。誰にもアイデアはありますか？

PS: さまざまな「アイドル」または「一時停止」jquery プラグインを使用しようとしましたが、使用された手法は jquery 1.3 よりも前のものではないでしょうか?

PPS: ご協力ありがとうございます :)

私は、fadeTo（）を使用せずに、divを100％の不透明度から40％の不透明度にアニメーション化しようとしています。animate（）を使用する必要があります。

chrome / FF / safariでは正常に機能しますが、IEでは不透明度はアニメーション化されず、アニメーションが完了すると不透明度が変化します。IE 7および8で発生します。私はこれを行っています：

...不透明度をアニメートしているだけではありません。何か案は？

私は2つのdivを持っています。1つはposition：absolute（.buttonEffectWrapper）で、他のdiv（.rightColumnButtonHighlightedと呼ばれます）の上にあります。

次のJSコードもあります。

すべてのdivに適用されることを除いて、正常に動作します。現在のdivにのみ適用する必要がありますが、その方法がわかりません。

DIVS：

効果については、 http：//www.raceramps.com/v2を参照してください。

これの何が問題なのですか？文字色は変わりません。

私は自分のサイトで背景画像をアニメーション化しようとしています。背景画像を選択すると、左からスライドして古い背景を画像から押し出します。私が書いたものが機能しないため、誰かがコードを手伝ってくれますか？ 、