0

jQueryを使用して、div（および画像）をフェードさせて、その下のdiv（クリック可能なリンク付きのテキスト）を表示する必要があります。

<script>
$(document).ready(function(){
$("img.a").hover(
function() {
$(this).stop().animate({"opacity": "0"}, "slow");
},
function() {
$(this).stop().animate({"opacity": "1"}, "slow");
});

});
</script>

上記のコードを使用すると、リンクをクリックするまで、すべてうまくいきました。一番上の隠しdivが私を妨げているようです。

replaceWith 関数を試してみたところ、リンクをクリックすることもできましたが、マウスアウトしたときに元の div を表示するように戻すことができませんでした。また、ボスマンは移行が段階的であることを望んでいます-フェードのように...

助言がありますか？

どうもありがとう！

ヒース

4

1 に答える 1

0

わかりました-次の両方はほとんどのブラウザーで十分に機能しますが、IEでは、マウスを少しでも動かすと、divがフェードインおよびフェードアウトし始めます-また、フェードイン/フェードアウトイベントのキューまたはループを構築できます:

$(document).ready(function () {
    $("#goingimg").hover(
        function () { $(".going").fadeOut("normal",0); }, 
        function () { $(".going").fadeTo("normal",1); }
    );       
});

$(document).ready(function () {
    $("#goingimg").hoverIntent(function() {
        $(".gone").fadeOut("normal",0);
        $('#goingimg').hoverIntent(function(event) { event.stopPropagation(); });
    }, function() {
        $(".gone").fadeTo("normal",1);
        $('#goingimg').hoverIntent(function(event) { event.stopPropagation(); });
    });
});

提案された hoverIntent プラグインと event.stopPropagation 関数を試しました。それでも、IE ではすべてが厄介です。誰もが知っているこれを回避する方法はありますか？

どうもありがとう...

于 2010-05-06T05:02:32.780 に答える