1

さまざまなリスト要素を持つナビゲーション バーがあり、ユーザーが要素にカーソルを合わせるたびに、それぞれの背景画像を呼び出そうとしています。動作するようになりましたが、画像がフェードインおよびフェードアウトするようにコードを変更しようとすると、障害が発生します。

私が使用しているJavascriptは次のとおりです。

$(document).ready(function() {
    $("li").hover(
        function () {
            var navid = $(this).attr('id'); 
            $(this).addClass(navid);  
        },
        function () {
            var navid = $(this).attr('id'); 
            $(this).removeClass(navid);  }
    );
});

setTimeout と transitions を試してみましたが、運がありませんでした。どんな助けでも大歓迎です。

4

1 に答える 1

0

ホバー時に画像を透明にフェードし、マウスを離すと不透明に戻したいとしましょう。以下を使用します。

$(document).ready(function() {
    $("li").hover(
        function () {
            var navid = $(this).attr('id');
            $(this).addClass(navid);
            $(this).fadeTo('fast', 0);
        },
        function () {
            var navid = $(this).attr('id'); 
            $(this).removeClass(navid);
            $(this).fadeTo('fast', 1);
        }
    );
});
于 2013-01-02T22:43:16.630 に答える