2

http://www.presentbladet.se (未完成)に Web サイトがあります。「テスト製品」にカーソルを合わせると、虫めがねが表示されます。ここまでは順調ですね。

フェードイン - ただし、CSS でホバーしたままにする

フェードイン効果でトランジションをスムーズにしたい。私はまだ CSS で可能な限り保持し、jQuery/jQuery UI で遅延/フェードを作成したいと考えています。

私は自分のサイトでこのコードを使用しています：

$("li.item a").hover(function() {
    $(this).toggleClass("hover", 10000);
        return false;
    });

ディレイ部分が効かない

それはほとんど動作します。クラスの「ホバー」を切り替えますが、遅延部分はまったく機能しません。移行は、ゆっくりフェードインするのではなく、瞬時に行われます。

4

4 に答える 4

4

アニメーション用に jQuery UI のtoggleClass 部分を追加する必要がありtoggleClassます。これで、ページにはコア、ウィジェット、およびタブのみが表示されます。ダウンロードページに移動して選択Effects Core

于 2011-11-15T12:35:24.727 に答える
1

jQueryUI はコアの jQuery.animate 関数を拡張して、アニメーション化する要素のクラスを指定できるようにします。

ドキュメントから：「...クラス遷移機能で頻繁に使用されています...」

あなたはそれを試してみたいかもしれません。このようなもの。

$("li.item a").hover(function() {
    $(this).animate("hover", 10000);
    return false;
});
于 2011-11-15T12:32:43.370 に答える
0

これは役に立ちますか？

jQuery("#divId").fadeIn(500);

おそらく、mouseOver で画像を呼び出す関数に .fadeIn(500) を追加するだけでよいと思います。数字を調整して速度を調整するか、単に高速または低速という言葉を使用します。

于 2011-11-15T12:28:59.553 に答える
0 
/* i Don't know exactly whether this is your requirement , if no please post a more specific code , try this code first */
    $("li.item a").hover(
    function() {$(this).addClass("hover");},
    function() {$(this).removeClass("hover");}
    );
于 2011-11-15T12:34:05.150 に答える