1

CSS スタイルシート ファイルで宣言された:hoverスタイル定義があります。

.myclass:hover {
    border-color: red;
    background-image: url('http://goo.gl/zdLfy');
}

さて、特定の条件下で、background-imageこのホバー スタイルの を変更したいと思います。

JavaScript / jQueryを使用してこれを行う方法がわかりません。これは可能ですか？どのように？

4

4 に答える 4

1

CSS を次のようにします。

.myclass:hover {
    border-color: red;
    background-image: url('http://goo.gl/zdLfy'); 
}

.specialCondition:hover {
    background-image: url('http://anotherURL');
}

そして、その特別な条件のために次のようにします:

$('.myclass').addClass('specialCondition');

そして、特別な条件がなくなったら、クラスを削除します。

$('.myclass').removeClass('specialCondition');

このようにして、CSS で background-url を所属する場所に保持します。

于 2013-04-30T23:25:18.950 に答える
1 
$('#element').hover(function() {
//on hover
    if(condition === true) {
        $(this).addClass('newBGImage');
    }
}, function() {
//when hover ends
    if($(this).hasClass('newBGImage')) {
        $(this).removeClass('newBGImage');
    }
});
于 2013-04-30T23:08:55.730 に答える
0

新しい背景を持つクラスを追加し、ホバー時に次のようなものを使用したい

$(this).addClass("YourClassName");

そして休職中

$(this).removeClass("YourClassName");
于 2013-04-30T23:09:19.977 に答える