0

asp.net メニュー項目の不透明度を変更する JavaScript コードを見つけました。

  $(function () {
        $("ul.level1 li").hover(function () {
            $(this).stop().animate({ opacity: 0.7}, "slow");
        }, function () {
            $(this).stop().animate({ opacity: 1}, "slow");
        });
    });

しかし、不透明度を変更したくありません!
この関数に従ってアイテムの背景色を変更したい場合はどうすればよいですか?

4

1 に答える 1

1 
$(function () {
    $("ul.level1 li").hover(function () {
        $(this).stop().animate({ backgroundColor: red}, "slow");
    }, function () {
        $(this).stop().animate({ backgroundColor: blue}, "slow");
    });
});

これも必要になります

より良い方法は、:hover 擬似セレクターで単純な cssトランジションを使用することです。

アップデート

前述したように、jQuery には背景色のアニメーションに対するネイティブ サポートはありません。JavaScript で実行する場合は、プラグインを含める必要があります。

それでも、ここで css を使用して簡単に作成できることを確認してください

于 2013-05-14T11:51:45.733 に答える